import { Modal, MotionModalStackContainer } from 'rc-unmodal'; const BasicModal = () => { const [open, setOpen] = useState(false); return ( <> <button onClick={() => { setOpen(true); }} > Open Modal </button> <Modal title="A declaratively modal" open={open} onOpenChange={setOpen}> <p>This is a modal. You can put anything you want in here. And It can be nested.</p> </Modal> </> ); }; const App = () => { return ( <MotionModalStackContainer clickOutsideToDismiss={true} responsive> <BasicModal /> </MotionModalStackContainer> ); };