Estoy tratando de crear una ventana emergente para mi aplicación de mecanografiado de reacción, por lo que estoy usando el componente modal de arranque de reacción. Sin embargo, el modal/ventana emergente se muestra debajo del botón que activa la ventana emergente, en lugar de mostrar el enlace en una ventana emergente. ¿Alguien sabe por qué pasa esto?

 export default function LinkWrapper(props: {link: string}) { const [show, setShow] = React.useState(false) const handleClose = () => setShow(false) const handleShow = () => setShow(true) const url = new URL(props.link) return ( <> <Button type="button" large onClick={handleShow}> Launch Link </Button> <Modal show={show} onHide={handleClose}> <Modal.Title>Link Popup</Modal.Title> <Modal.Body><iframe src={props.link} style={{width:'100%',height:'400px'}}/></Modal.Body> <Modal.Footer> <Button type="button" large onClick={handleClose}> close </Button> </Modal.Footer> </Modal> </> ); };