lazy load react component

lazy_modal_react.jsx

import { lazy, useState, useTransition } from 'react';
import { ErrorBoundary } from 'react-error-boundary';

const Modal = lazy(() => import('./Modal.jsx'));

export default function App() {
	const [isPending, startTransition] = useTransition();
	const [opened, setOpened] = useState(false);

	function openModal() {
		startTransition(() => {
			setOpened(true);
		});
	}

	function onLoadError() {
		// gestion en cas d'erreur de connexion ici
	}

	return (
		<>
			<button onClick={openModal}>{isPending ? 'Loading' : 'Open'}</button>
			{opened && (
				<ErrorBoundary onError={onLoadError}>
					<Modal />
				</ErrorBoundary>
			)}
		</>
	);
}

tiré du code de Julien Pradet https://www.julienpradet.fr/tutoriels/comment-alleger-son-javascript/