Lazy loading

Modal components can be lazy loaded by using dynamic imports

import { lazy } from "react";
 
const result = await open(lazy(() => import("../modal")));

While the component is being imported, the <ModalProvider /> component will render backdrop and loading components. See ModalProvider API