Tengo un archivo JS que expone una función como se muestra a continuación (el siguiente es un código de muestra):

 import ReactDOM from 'react-dom'; import React from 'react'; import Component from './Component'; (function() { if (!window || !window.someFunction) { window.someFunction = (selector) => { ReactDOM.render(<Component />, document.querySelector(selector)); return objectFromComponent; // I don't know how to do this } } })();

Cuando se llama a esta función, el componente se representa en el DOM. El Componente en realidad genera un objeto particular que me gustaría devolver de alguna manera a esta pieza de código JS. Intenté lo siguiente:

1. Almacenar en localStorage en Component.jsx y leer desde la devolución de llamada en: ReactDOM.render(<Component />, document.querySelector(selector), () => {//listening for storage event});
2. window.parent.postMessage en Component.jsx y detector de eventos para el evento "mensaje" en la función que se muestra arriba.

¿Existe una forma más elegante de hacerlo con React en lugar de complicar la lógica con localStorage y detectores de eventos?