Estoy usando window.postmessage() para enviar los datos entre dominios a una ventana emergente, pero postmessage no envía los datos instantáneamente, es decir, cuando se captura en otro dominio en el constructor de un componente, los datos no llegan. Si se le da un setTimeout, es decir, un retraso de alrededor de 1 segundo, los datos están llegando. ¿Cual podría ser el problema?

Aquí está el código:

Padre:

 var popup = window.open( "http://localhost:4300", 'winname', ); popup.postMessage('response', '*');

Ventana emergente:

 window.addEventListener('message', (event) => { console.log(event.data)}

Debería obtener datos como respuesta, pero obtengo datos como indefinidos en la consola.

Además, si pongo el siguiente código en Parent:

 setTimeout(() => { popup.postMessage('response', "http://localhost:4300"); }, 2000);

Puedo obtener los datos como "respuesta" en la consola en la ventana emergente.

Quiero deshacerme de setTimeout y obtener los datos lo antes posible. Por favor ayuda.