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 ModalsProvider API