Estoy enviando un mensaje posterior desde el script js al iframe que está en reacción

// escuchando la función postMessage() en reaccionar // Reaccionar archivo

 useEffect(() => { function getData(e) { console.log("inside function"); var origin = e.origin || e.originalEvent.origin; console.log("origin", origin); if (typeof e.data == "object" && "shopDomain" in e.data) { console.log(e.data); } else { console.log("not able to catch data"); } } window.addEventListener("message", getData, false); return () => { window.removeEventListener("message", getData, false); }; }, []);

// Archivo JS

 let win = iframe.contentWindow; win.contentWindow.postMessage( { customerId: customerId_rs, parentLocation: window.location.host, }, "*" );

Busqué en varios sitios pero no puedo encontrar ninguna solución. He pasado casi 10 horas en esto, cualquier ayuda sería apreciada.