A continuación se muestra mi código. Sin embargo, cuando hago clic en el lugar fuera de la superposición, la superposición no desaparece. Pero agrego rootClose y onHide como puede ver en el código. Agradecería si alguien pudiera ayudar.
import React, { useRef, useState } from "react"; import Overlay from 'react-overlays/Overlay' function Overlayhtml () { return ( <div>overlay works!</div> ) } export function OverlayTest () { const btnRef = useRef() const containerRef = useRef() const [show, setShow] = useState(false) const handleClick = () => { setShow(!show) } const handleHide = () => { setShow(false) } return ( <div ref={containerRef}> <button ref={btnRef} onClick={handleClick}>btn</button> <Overlay show={show} placement='bottom' target={btnRef.current} container={containerRef.current} rootClose={true} onHide={handleHide}> {() => <Overlayhtml />} </Overlay> </div> ) }