wp.element - export lazy and Suspense

packages/element/README.md

@@ -239,6 +239,16 @@ Checks if an object is a valid WPElement
 
 `boolean`: true if objectToTest is a valid WPElement and false otherwise.
 
+### lazy
+
+[src/index.js#L1-L1](src/index.js#L1-L1)
+
+The React.lazy function lets you render a dynamic import as a regular component.
+
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### RawHTML
 
 [src/index.js#L5-L5](src/index.js#L5-L5)
@@ -289,6 +299,12 @@ Serializes a React element to string.
 
 Component that activates additional checks and warnings for its descendants.
 
+### Suspense
+
+[src/index.js#L1-L1](src/index.js#L1-L1)
+
+Component to do code-splitting by wrapping a dynamic import.
+
 ### switchChildrenNodeName
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
@@ -320,60 +336,100 @@ Removes any mounted element from the target DOM node.
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useContext
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useDebugValue
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useEffect
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useImperativeHandle
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useLayoutEffect
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useMemo
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useReducer
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useRef
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 ### useState
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
 Make React Hooks available
 
+**Parameters**
+
+-   **loadFunction** `function`: A function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
+
 
 <!-- END TOKEN(Autogenerated API docs) -->
 

packages/element/src/react.js

@@ -22,6 +22,8 @@ import {
 	useImperativeHandle,
 	useLayoutEffect,
 	useDebugValue,
+	lazy,
+	Suspense,
 } from 'react';
 import { isString } from 'lodash';
 
@@ -109,8 +111,24 @@ export { isValidElement };
  */
 export { StrictMode };
 
+/**
+ * The React.lazy function lets you render a dynamic import as a regular component.
+ *
+ * @param {function} loadFunction A function that must call a dynamic import(). This must return a Promise which
+ *                                resolves to a module with a default export containing a React component.
+ */
+export { lazy };
+
+/**
+ * Component to do code-splitting by wrapping a dynamic import.
+ */
+export { Suspense };
+
 /**
  * Make React Hooks available
+ *
+ * @param {function} loadFunction A function that must call a dynamic import(). This must return a Promise which
+ *                                resolves to a module with a default export containing a React component.
  */
 export {
 	useCallback,