;
+ createFactory(type: keyof React.ReactSVG): React.SVGFactory;
+ createFactory, T_1 extends Element>(
+ type: string
+ ): React.DOMFactory;
+ createFactory(
+ type: React.FunctionComponent
+ ): React.FunctionComponentFactory;
+ createFactory(
+ type: React.ClassType<
+ P_2,
+ React.ClassicComponent,
+ React.ClassicComponentClass
+ >
+ ): React.CFactory>;
+ createFactory<
+ P_3,
+ T_2 extends React.Component,
+ C extends React.ComponentClass
+ >(
+ type: React.ClassType
+ ): React.CFactory;
+ createFactory(type: React.ComponentClass): React.Factory;
+ createElement(
+ type: 'input',
+ props?:
+ | (React.InputHTMLAttributes &
+ React.ClassAttributes)
+ | null
+ | undefined,
+ ...children: React.ReactNode[]
+ ): React.DetailedReactHTMLElement<
+ React.InputHTMLAttributes,
+ HTMLInputElement
+ >;
+ createElement, T_3 extends HTMLElement>(
+ type: keyof React.ReactHTML,
+ props?: (React.ClassAttributes & P_5) | null | undefined,
+ ...children: React.ReactNode[]
+ ): React.DetailedReactHTMLElement;
+ createElement, T_4 extends SVGElement>(
+ type: keyof React.ReactSVG,
+ props?: (React.ClassAttributes & P_6) | null | undefined,
+ ...children: React.ReactNode[]
+ ): React.ReactSVGElement;
+ createElement, T_5 extends Element>(
+ type: string,
+ props?: (React.ClassAttributes & P_7) | null | undefined,
+ ...children: React.ReactNode[]
+ ): React.DOMElement;
+ createElement(
+ type: React.FunctionComponent,
+ props?: (React.Attributes & P_8) | null | undefined,
+ ...children: React.ReactNode[]
+ ): React.FunctionComponentElement;
+ createElement(
+ type: React.ClassType<
+ P_9,
+ React.ClassicComponent,
+ React.ClassicComponentClass
+ >,
+ props?:
+ | (React.ClassAttributes> & P_9)
+ | null
+ | undefined,
+ ...children: React.ReactNode[]
+ ): React.CElement>;
+ createElement<
+ P_10 extends {},
+ T_6 extends React.Component,
+ C_1 extends React.ComponentClass
+ >(
+ type: React.ClassType,
+ props?: (React.ClassAttributes & P_10) | null | undefined,
+ ...children: React.ReactNode[]
+ ): React.CElement;
+ createElement(
+ type:
+ | string
+ | React.FunctionComponent
+ | React.ComponentClass,
+ props?: (React.Attributes & P_11) | null | undefined,
+ ...children: React.ReactNode[]
+ ): React.ReactElement>;
+ cloneElement, T_7 extends HTMLElement>(
+ element: React.DetailedReactHTMLElement,
+ props?: P_12 | undefined,
+ ...children: React.ReactNode[]
+ ): React.DetailedReactHTMLElement;
+ cloneElement, T_8 extends HTMLElement>(
+ element: React.ReactHTMLElement,
+ props?: P_13 | undefined,
+ ...children: React.ReactNode[]
+ ): React.ReactHTMLElement;
+ cloneElement, T_9 extends SVGElement>(
+ element: React.ReactSVGElement,
+ props?: P_14 | undefined,
+ ...children: React.ReactNode[]
+ ): React.ReactSVGElement;
+ cloneElement, T_10 extends Element>(
+ element: React.DOMElement,
+ props?: (React.DOMAttributes & P_15) | undefined,
+ ...children: React.ReactNode[]
+ ): React.DOMElement;
+ cloneElement(
+ element: React.FunctionComponentElement,
+ props?: (Partial & React.Attributes) | undefined,
+ ...children: React.ReactNode[]
+ ): React.FunctionComponentElement;
+ cloneElement>(
+ element: React.CElement,
+ props?: (Partial & React.ClassAttributes) | undefined,
+ ...children: React.ReactNode[]
+ ): React.CElement;
+ cloneElement(
+ element: React.ReactElement<
+ P_18,
+ string | React.JSXElementConstructor
+ >,
+ props?: (Partial & React.Attributes) | undefined,
+ ...children: React.ReactNode[]
+ ): React.ReactElement>;
+ createContext(defaultValue: T_12): React.Context;
+ isValidElement(
+ object: {} | null | undefined
+ ): object is React.ReactElement<
+ P_19,
+ string | React.JSXElementConstructor
+ >;
+ createRef(): React.RefObject;
+ forwardRef(
+ render: React.ForwardRefRenderFunction
+ ): React.ForwardRefExoticComponent<
+ React.PropsWithoutRef & React.RefAttributes
+ >;
+ memo(
+ Component: React.FunctionComponent,
+ propsAreEqual?:
+ | ((prevProps: Readonly, nextProps: Readonly) => boolean)
+ | undefined
+ ): React.NamedExoticComponent;
+ memo>(
+ Component: T_15,
+ propsAreEqual?:
+ | ((
+ prevProps: Readonly>,
+ nextProps: Readonly>
+ ) => boolean)
+ | undefined
+ ): React.MemoExoticComponent;
+ lazy>(
+ factory: () => Promise<{
+ default: T_16;
+ }>
+ ): React.LazyExoticComponent;
+ useContext(context: React.Context): T_17;
+ useState(
+ initialState: S | (() => S)
+ ): [S, React.Dispatch>];
+ useState(): [
+ S_1 | undefined,
+ React.Dispatch>
+ ];
+ useReducer, I>(
+ reducer: R,
+ initializerArg: I,
+ initializer: (arg: I) => React.ReducerStateWithoutAction
+ ): [React.ReducerStateWithoutAction, React.DispatchWithoutAction];
+ useReducer>(
+ reducer: R_1,
+ initializerArg: React.ReducerStateWithoutAction,
+ initializer?: undefined
+ ): [React.ReducerStateWithoutAction, React.DispatchWithoutAction];
+ useReducer, I_1>(
+ reducer: R_2,
+ initializerArg: I_1 & React.ReducerState,
+ initializer: (arg: I_1 & React.ReducerState) => React.ReducerState
+ ): [React.ReducerState, React.Dispatch>];
+ useReducer, I_2>(
+ reducer: R_3,
+ initializerArg: I_2,
+ initializer: (arg: I_2) => React.ReducerState
+ ): [React.ReducerState, React.Dispatch>];
+ useReducer>(
+ reducer: R_4,
+ initialState: React.ReducerState,
+ initializer?: undefined
+ ): [React.ReducerState, React.Dispatch>];
+ useRef(initialValue: T_18): React.MutableRefObject;
+ useRef(initialValue: T_19 | null): React.RefObject;
+ useRef(): React.MutableRefObject;
+ useLayoutEffect(
+ effect: React.EffectCallback,
+ deps?: React.DependencyList | undefined
+ ): void;
+ useEffect(
+ effect: React.EffectCallback,
+ deps?: React.DependencyList | undefined
+ ): void;
+ useImperativeHandle(
+ ref: React.Ref | undefined,
+ init: () => R_5,
+ deps?: React.DependencyList | undefined
+ ): void;
+ useCallback(
+ callback: T_22,
+ deps: React.DependencyList
+ ): T_22;
+ useMemo(
+ factory: () => T_23,
+ deps: React.DependencyList | undefined
+ ): T_23;
+ useDebugValue(
+ value: T_24,
+ format?: ((value: T_24) => any) | undefined
+ ): void;
+ useDeferredValue(value: T_25): T_25;
+ useTransition(): [boolean, React.TransitionStartFunction];
+ startTransition(scope: React.TransitionFunction): void;
+ useId(): string;
+ useInsertionEffect(
+ effect: React.EffectCallback,
+ deps?: React.DependencyList | undefined
+ ): void;
+ useSyncExternalStore(
+ subscribe: (onStoreChange: () => void) => () => void,
+ getSnapshot: () => Snapshot,
+ getServerSnapshot?: (() => Snapshot) | undefined
+ ): Snapshot;
+ Children: {
+ map(
+ children: C_2 | readonly C_2[],
+ fn: (child: C_2, index: number) => T_26
+ ): C_2 extends null | undefined
+ ? C_2
+ : Exclude[];
+ forEach(
+ children: C_3 | readonly C_3[],
+ fn: (child: C_3, index: number) => void
+ ): void;
+ count(children: any): number;
+ only(children: C_4): C_4 extends any[] ? never : C_4;
+ toArray(
+ children: React.ReactNode | React.ReactNode[]
+ ): (
+ | string
+ | number
+ | React.ReactElement>
+ | React.ReactFragment
+ | React.ReactPortal
+ )[];
+ };
+ Fragment: React.ExoticComponent<{
+ children?: React.ReactNode;
+ }>;
+ StrictMode: React.ExoticComponent<{
+ children?: React.ReactNode;
+ }>;
+ Suspense: React.ExoticComponent;
+ version: string;
+ Profiler: React.ExoticComponent;
+ Component: typeof React.Component;
+ PureComponent: typeof React.PureComponent;
+ React: typeof React;
+};
+export default ReactLiveScope;
diff --git a/src/theme/ReactLiveScope/index.js b/src/theme/ReactLiveScope/index.js
new file mode 100644
index 00000000..e23cbc03
--- /dev/null
+++ b/src/theme/ReactLiveScope/index.js
@@ -0,0 +1,13 @@
+import React from 'react';
+
+import DemoElements from '../../components/DemoElements';
+
+// Add react-live imports you need here
+const ReactLiveScope = {
+ React,
+
+ // DemoElements used in react-ui-kit live codeblocks
+ ...DemoElements,
+};
+
+export default ReactLiveScope;