Estoy trabajando en una extensión de Chrome y estoy tratando de enviar un CustomEvent a content_script desde la página web, pero quiero adjuntarle una función.

Esto funciona (cuando console.log . registro el evento en content_script, puedo ver el objeto detallado como se muestra a continuación):

 var myEvent = new CustomEvent('myEvent', { "detail": { action:'test', foo:'bar' } });

Pero esto no funciona (cuando console.log . registro el evento en content_script, el detalle es nulo ):

 var myEvent = new CustomEvent('myEvent', { "detail": { action:'test', foo:()=>{ console.log("hi"); } } });

También probé de esta manera:

 myEvent.foo = ()=>{console.log("hi")};

Pero nuevamente, cuando console.log . registro el evento, esas propiedades no existen.

No creo que sea importante, pero el evento se activa desde una aplicación React como esta:

 document.dispatchEvent(event);

¿Puede decirme por qué y cómo enviarlo correctamente?

Gracias