¿Cómo muestro un cuadro modal en la carga de la página usando la interfaz de usuario de Chakra?
He intentado encontrar esta información en la documentación de Chakra sin éxito.
import { useDisclosure, Modal, ModalOverlay, ModalContent, ModalCloseButton, ModalBody, Text, } from "@chakra-ui/react" export default function BasicUsage() { const { isOpen, onClose } = useDisclosure() return ( <> <Modal isOpen={isOpen} onClose={onClose}> <ModalOverlay /> <ModalContent> <ModalCloseButton /> <ModalBody> <Text>Hello</Text> </ModalBody> </ModalContent> </Modal> </> ) }Puede pasar una propiedad defaultIsOpen al useDisclosure para establecer el valor predeterminado para isOpen .
Establezca esa propiedad en true para que el modal se abra al cargar la página.
const { isOpen, onClose } = useDisclosure({ defaultIsOpen: true })