Hello everyone, I'm migrating from v1 to v2. Everything is working fine, but the Modal and Popover components are not displaying despite isOpen=true. I'm not sure if there's a missing configuration.
const ModalSidePeekView = ({ showModal, handleCloseModal }: Props) => (
<Modal isOpen={showModal} onClose={handleCloseModal} size="full">
<ModalBackdrop />
<ModalContent className="flex-1 web:absolute web:right-0 web:top-0 web:bottom-0 web:mt-[15px] web:max-w-[488px]">
<ModalHeader className="h-[114px] shrink-0 self-stretch background-[linear-gradient(135deg, #1D2B64 0%, #F8CDDA 100%)]">
<Box
className="absolute w-[81px] aspect-square bg-[#D9D9D9] rounded-full -bottom-1/3
drop-shadow-[0px_6px_15px_rgba(16,24,40,0.08)]
filter"
/>
</ModalHeader>
<ModalBody className="flex-1 justify-center items-center">
<Text className="text-[#000] tracking-md text-3xl font-bold">
Coming soon!
</Text>
</ModalBody>
</ModalContent>
</Modal>
);