parentElement doesn't work about react-tiny-popover HOT 3 CLOSED

const fsRef = useRef();  // initiate ref here



<div className="fullscreen_controls_wrapper" ref={fsRef}>   // parent ref here
    <div className="fullscreen_controls">
        <CustomPopover
            isOpen={fsOptionPopover}
            onClickOutside={() => setFsOptionPopover(false)}
            align={"centre"}
            position={["bottom"]}
            arrowEnabled={true}
            containerParent={fsRef.current} // pass it to the popover component here
            element={
                <button onClick={() => setFsOptionPopover((prevState) => !prevState)}>
                    <img src={optionIcon} className="option_icon" alt="more" />
                </button>
            }
            children={
                <div className="sys-popover-items" onClick={() => setFsOptionPopover((prevState) => !prevState)}>
                    <div className="sys-popover-item">
                        <span className="img-sm">
                            <img src={audioIcon} alt={"bookmark"} />
                        </span>
                        <button onClick={() => alert("save to collection")}>Save to Collection</button>
                    </div>
                </div>
            }
        />
    </div>
</div>