Shared | ReactSymbols (19.0.0)

export const REACT_LEGACY_ELEMENT_TYPE: symbol = Symbol.for('react.element');
export const REACT_ELEMENT_TYPE: symbol = renameElementSymbol? Symbol.for('react.transitional.element'): REACT_LEGACY_ELEMENT_TYPE;
export const REACT_PORTAL_TYPE: symbol = Symbol.for('react.portal');
export const REACT_FRAGMENT_TYPE: symbol = Symbol.for('react.fragment');
export const REACT_STRICT_MODE_TYPE: symbol = Symbol.for('react.strict_mode');
export const REACT_PROFILER_TYPE: symbol = Symbol.for('react.profiler');
export const REACT_PROVIDER_TYPE: symbol = Symbol.for('react.provider');
export const REACT_CONSUMER_TYPE: symbol = Symbol.for('react.consumer');
export const REACT_CONTEXT_TYPE: symbol = Symbol.for('react.context');
export const REACT_FORWARD_REF_TYPE: symbol = Symbol.for('react.forward_ref');
export const REACT_SUSPENSE_TYPE: symbol = Symbol.for('react.suspense');
export const REACT_SUSPENSE_LIST_TYPE: symbol = Symbol.for('react.suspense_list');
export const REACT_MEMO_TYPE: symbol = Symbol.for('react.memo');
export const REACT_LAZY_TYPE: symbol = Symbol.for('react.lazy');
export const REACT_SCOPE_TYPE: symbol = Symbol.for('react.scope');
export const REACT_DEBUG_TRACING_MODE_TYPE: symbol = Symbol.for('react.debug_trace_mode');
export const REACT_OFFSCREEN_TYPE: symbol = Symbol.for('react.offscreen');
export const REACT_LEGACY_HIDDEN_TYPE: symbol = Symbol.for('react.legacy_hidden');
export const REACT_TRACING_MARKER_TYPE: symbol = Symbol.for('react.tracing_marker');
export const REACT_MEMO_CACHE_SENTINEL: symbol = Symbol.for('react.memo_cache_sentinel');
export const REACT_POSTPONE_TYPE: symbol = Symbol.for('react.postpone');

const REACT_CONTEXT_TYPE: symbol = Symbol.for('react.context');
 
const Context = React.createContext(false);

const REACT_PROVIDER_TYPE: symbol = Symbol.for('react.provider');
 
const Context = React.createContext(false);
<Context.Provider>...</Context.Provider>

const REACT_CONSUMER_TYPE: symbol = Symbol.for('react.consumer');
 
const Context = React.createContext(false);
<Context.Consumer>...</Context.Consumer>

const REACT_ELEMENT_TYPE: symbol = Symbol.for('react.transitional.element');
 
// 기본 html 태그
<div />
...
<span />
<p />
<Context.Provider />
<Context.Consumer />
<React.Fragment />
<React.StrictMode />
<React.Suspense />

const REACT_FRAGMENT_TYPE: symbol = Symbol.for('react.fragment');
 
<React.Fragment />
<></>

const REACT_FORWARD_REF_TYPE: symbol = Symbol.for('react.forward_ref');
 
class Component extends React.Component {
  render() {
    return React.createElement('div');
  }
}
 
const ForwardRefComponent = React.forwardRef((props, ref) =>
  React.createElement(Component, {forwardedRef: ref, ...props}),
);

const REACT_LAZY_TYPE: symbol = Symbol.for('react.lazy');
 
class Component extends React.Component {
  render() {
    return React.createElement('div');
  }
}
 
const LazyComponent = React.lazy(() => Component);

const REACT_MEMO_TYPE: symbol = Symbol.for('react.memo');
 
class Component extends React.Component {
  render() {
    return React.createElement('div');
  }
}
 
const MemoComponent = React.memo(Component);

const REACT_PORTAL_TYPE: symbol = Symbol.for('react.portal');
 
const div = document.createElement('div');
const portal = ReactDOM.createPortal(<div />, div);

const REACT_PROFILER_TYPE: symbol = Symbol.for('react.profiler');
 
<React.Profiler id="foo" onRender={() => {}}/>

const REACT_STRICT_MODE_TYPE: symbol = Symbol.for('react.strict_mode');
 
<React.StrictMode />

const REACT_SUSPENSE_TYPE: symbol = Symbol.for('react.suspense');
 
<React.Suspense />

const REACT_SUSPENSE_LIST_TYPE: symbol = Symbol.for('react.suspense_list');
 
<React.unstable_SuspenseList />

export function typeOf(object: any): mixed {
  if (typeof object === 'object' && object !== null) {
    const $$typeof = object.$$typeof;
    switch ($$typeof) {
      case REACT_ELEMENT_TYPE:
        const type = object.type;
 
        switch (type) {
          case REACT_FRAGMENT_TYPE:
          case REACT_PROFILER_TYPE:
          case REACT_STRICT_MODE_TYPE:
          case REACT_SUSPENSE_TYPE:
          case REACT_SUSPENSE_LIST_TYPE:
            return type;
          default:
            const $$typeofType = type && type.$$typeof;
 
            switch ($$typeofType) {
              case REACT_CONTEXT_TYPE:
              case REACT_FORWARD_REF_TYPE:
              case REACT_LAZY_TYPE:
              case REACT_MEMO_TYPE:
                return $$typeofType;
              case REACT_CONSUMER_TYPE:
                if (enableRenderableContext) {
                  return $$typeofType;
                }
              // Fall through
              case REACT_PROVIDER_TYPE:
                if (!enableRenderableContext) {
                  return $$typeofType;
                }
              // Fall through
              default:
                return $$typeof;
            }
        }
      case REACT_PORTAL_TYPE:
        return $$typeof;
    }
  }
 
  return undefined;
}