Function getReactComponentName

package/src/utils/react-detection.ts:619–704

(
  element: HTMLElement,
  config?: ReactDetectionConfig,
)

 * @returns ReactComponentInfo with component path and array
 */
export function getReactComponentName(
  element: HTMLElement,
  config?: ReactDetectionConfig,
): ReactComponentInfo {
  const resolved = resolveConfig(config);

  // Only use cache for 'all' mode - filtered modes must NOT cache because:
  // - Cache lookup happens BEFORE filtering logic runs
  // - Cached results from before filter updates would bypass new filters
  // - This was causing "Root", "ErrorBoundaryHandler" to leak through
  const useCache = resolved.mode === "all";

  if (useCache) {
    const cached = componentCacheAllRef.map.get(element);
    if (cached !== undefined) {
      return cached;
    }
  }

  if (!isReactPage()) {
    const result: ReactComponentInfo = { path: null, components: [] };
    if (useCache) {
      componentCacheAllRef.map.set(element, result);
    }
    return result;
  }

  // Collect DOM classes for smart mode
  const domClasses =
    resolved.mode === "smart" ? getAncestorClasses(element) : undefined;

  const components: string[] = [];

  try {
    let fiber = getFiberFromElement(element);
    let depth = 0;

    while (
      fiber &&
      depth < resolved.maxDepth &&
      components.length < resolved.maxComponents
    ) {
      const name = getComponentNameFromFiber(fiber);

      // Skip minified names and apply filter
      if (
        name &&
        !isMinifiedName(name) &&
        shouldIncludeComponent(name, depth, resolved, domClasses)
      ) {
        components.push(name);
      }

      fiber = fiber.return;
      depth++;
    }
  } catch {
    // Fiber structure may be corrupted or inaccessible - return empty result