Function getComponentNameFromType

packages/shared/getComponentNameFromType.js:57–134

(type: mixed)

class="cm">// Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
export default function getComponentNameFromType(type: mixed): string | null {
  if (type == null) {
    class="cm">// Host root, text node or just invalid type.
    return null;
  }
  if (typeof type === class="st">'function') {
    if ((type: any).$$typeof === REACT_CLIENT_REFERENCE) {
      class="cm">// TODO: Create a convention for naming client references with debug info.
      return null;
    }
    return (type: any).displayName || type.name || null;
  }
  if (typeof type === class="st">'string') {
    return type;
  }
  switch (type) {
    case REACT_FRAGMENT_TYPE:
      return class="st">'Fragment';
    case REACT_PROFILER_TYPE:
      return class="st">'Profiler';
    case REACT_STRICT_MODE_TYPE:
      return class="st">'StrictMode';
    case REACT_SUSPENSE_TYPE:
      return class="st">'Suspense';
    case REACT_SUSPENSE_LIST_TYPE:
      return class="st">'SuspenseList';
    case REACT_ACTIVITY_TYPE:
      return class="st">'Activity';
    case REACT_VIEW_TRANSITION_TYPE:
      if (enableViewTransition) {
        return class="st">'ViewTransition';
      }
    class="cm">// Fall through
    case REACT_TRACING_MARKER_TYPE:
      if (enableTransitionTracing) {
        return class="st">'TracingMarker';
      }
  }
  if (typeof type === class="st">'object') {
    if (__DEV__) {
      if (typeof (type: any).tag === class="st">'number') {
        console.error(
          class="st">'Received an unexpected object in getComponentNameFromType(). ' +
            class="st">'This is likely a bug in React. Please file an issue.',
        );
      }
    }
    switch (type.$$typeof) {
      case REACT_PORTAL_TYPE:
        return class="st">'Portal';
      case REACT_CONTEXT_TYPE:
        const context: ReactContext<any> = (type: any);
        return getContextName(context);
      case REACT_CONSUMER_TYPE:
        const consumer: ReactConsumerType<any> = (type: any);
        return getContextName(consumer._context) + class="st">'.Consumer';
      case REACT_FORWARD_REF_TYPE:
        return getWrappedName(type, type.render, class="st">'ForwardRef');