react-compat.js

/* eslint
  global-require: 0,
  import/no-mutable-exports: 0,
  import/prefer-default-export: 0,
*/

import { is } from './version';

const { createFactory } = require('react');

let createClass;
let renderToString;
let createPortal;
let createContext;
let createRef;
let forwardRef;
let Fragment;
let StrictMode;
let AsyncMode;
let ConcurrentMode;
let createRoot;
let Profiler;
let PureComponent;
let Suspense;
let lazy;
let memo;
let useCallback;
let useContext;
let useDebugValue;
let useEffect;
let useImperativeHandle;
let useLayoutEffect;
let useMemo;
let useReducer;
let useRef;
let useState;
let act;

if (is('>=15.5 || ^16.0.0-alpha || ^16.3.0-alpha || ^17.0.0')) {
  // eslint-disable-next-line import/no-extraneous-dependencies
  createClass = require('create-react-class');
} else {
  ({ createClass } = require('react'));
}

if (is('^0.13.0')) {
  renderToString = require('react').renderToStaticMarkup;
} else {
  // eslint-disable-next-line import/no-extraneous-dependencies
  ({ renderToString } = require('react-dom/server'));
}

if (is('^16.0.0-0 || ^16.3.0-0 || ^17.0.0')) {
  ({ createPortal } = require('react-dom'));
} else {
  createPortal = null;
}

if (is('>=15.3')) {
  ({ PureComponent } = require('react'));
} else {
  PureComponent = null;
}

if (is('^16.2.0-0 || ^17.0.0')) {
  ({ Fragment } = require('react'));
} else {
  Fragment = null;
}

if (is('^16.3.0-0 || ^17.0.0')) {
  ({
    createContext,
    createRef,
    forwardRef,
    StrictMode,
    unstable_AsyncMode: AsyncMode,
  } = require('react'));
} else {
  createContext = null;
  createRef = null;
  forwardRef = null;
  StrictMode = null;
  AsyncMode = null;
}

if (is('^16.9.0-0 || ^17.0.0')) {
  ({ Profiler } = require('react'));
} else if (is('^16.4.0-0')) {
  ({
    unstable_Profiler: Profiler,
  } = require('react'));
} else {
  Profiler = null;
}

if (is('^16.6.0-0 || ^17.0.0')) {
  ({
    Suspense,
    lazy,
    memo,
  } = require('react'));
} else {
  Suspense = null;
  lazy = null;
  memo = null;
}

if (is('^16.6.0-0') && !is('^16.9.0-0')) {
  ({
    unstable_ConcurrentMode: ConcurrentMode,
  } = require('react'));
} else {
  ConcurrentMode = null;
}

if (is('^16.9.0-0')) {
  ({
    unstable_createRoot: createRoot,
  } = require('react'));
} else {
  createRoot = null;
}

if (is('^16.8.0-0 || ^17.0.0')) {
  ({
    useCallback,
    useContext,
    useDebugValue,
    useEffect,
    useImperativeHandle,
    useLayoutEffect,
    useMemo,
    useReducer,
    useRef,
    useState,
  } = require('react'));

  ({
    act,
  } = require('react-dom/test-utils'));

} else {
  useCallback = null;
  useContext = null;
  useDebugValue = null;
  useEffect = null;
  useImperativeHandle = null;
  useLayoutEffect = null;
  useMemo = null;
  useReducer = null;
  useRef = null;
  useState = null;
  act = null;
}

export {
  createClass,
  createFactory,
  renderToString,
  createPortal,
  createContext,
  createRef,
  createRoot,
  forwardRef,
  Fragment,
  StrictMode,
  AsyncMode,
  ConcurrentMode,
  Profiler,
  PureComponent,
  Suspense,
  lazy,
  memo,
  useCallback,
  useContext,
  useDebugValue,
  useEffect,
  useImperativeHandle,
  useLayoutEffect,
  useMemo,
  useReducer,
  useRef,
  useState,
  act,
};