Estoy tratando de agregar eventlistener de "cambio de selección" a iframe en reaccionar js pero por alguna razón no se agrega a él

Aquí está mi componente:

 export const Page = (props) => { const iframeref = useRef(); useEffect(() => { const doc = iframeref.current; doc.contentDocument.addEventListener("selectionchange", () => { console.log("hello"); }); }, []); return ( <> <iframe className='book-page' ref={iframeref} src='c006.xhtml' ></iframe> </> ); };