Function getComponentNameFromFiber

package/src/utils/react-detection.ts:466–585

(fiber: ReactFiber)

}

function getComponentNameFromFiber(fiber: ReactFiber): string | null {
  const { tag, type, elementType } = fiber;

  // Skip DOM elements and host types
  if (
    tag === FiberTags.HostComponent ||
    tag === FiberTags.HostText ||
    tag === FiberTags.HostHoistable ||
    tag === FiberTags.HostSingleton
  ) {
    return null;
  }

  // Skip Fragment, Mode, Profiler, and related internal types
  if (
    tag === FiberTags.Fragment ||
    tag === FiberTags.Mode ||
    tag === FiberTags.Profiler ||
    tag === FiberTags.DehydratedFragment
  ) {
    return null;
  }

  // Skip React internal infrastructure types (these are internal implementation details)
  if (
    tag === FiberTags.HostRoot ||
    tag === FiberTags.HostPortal ||
    tag === FiberTags.ScopeComponent ||
    tag === FiberTags.OffscreenComponent ||
    tag === FiberTags.LegacyHiddenComponent ||
    tag === FiberTags.CacheComponent ||
    tag === FiberTags.TracingMarkerComponent ||
    tag === FiberTags.Throw ||
    tag === FiberTags.ViewTransitionComponent ||
    tag === FiberTags.ActivityComponent
  ) {
    return null;
  }

  // Handle ForwardRef
  if (tag === FiberTags.ForwardRef) {
    const elType = elementType as ComponentType | null;
    if (elType?.render) {
      const innerName = getComponentNameFromType(elType.render);
      if (innerName) return innerName;
    }
    if (elType?.displayName) return elType.displayName;
    return getComponentNameFromType(type as ComponentType);
  }

  // Handle Memo
  if (
    tag === FiberTags.MemoComponent ||
    tag === FiberTags.SimpleMemoComponent
  ) {
    const elType = elementType as ComponentType | null;
    if (elType?.type) {
      const innerName = getComponentNameFromType(elType.type);