Not detecting console logs for online editor about console-feed HOT 2 CLOSED

// In component with iFrame
...
  // ref to iFrame
  const ref = useRef();
  const [hooked, setHooked] = useState(false);
  
  useEffect(() => {
    const iWindow = ref.current.contentWindow;

    createViewerOutput(compiledCode);

    return () => Unhook(iWindow.console);

  }, [compiledCode]);

  const createViewerOutput = (contents) => {
  ...
  const iWindow = ref.current.contentWindow;

  if (!hooked) {
    setHooked(true);
    Hook(iWindow.console, log => setConsoles({ log }), false);
  }
...

// Inside the iframe's context, bundled with webpack / something
Hook(window.console, log => {
  self.postMessage({type: 'log', log})
});

// In your editor
window.addEventListener('message', ({data}) => {
if (data.type === 'log') {
  setConsoles({ log: Decode(data.log) })
}
})