Simplifying web worker as a React hook

useWebWorker.js

import { useState, useEffect } from 'react';

function useWebWorker(workerFunction) {
  const [result, setResult] = useState(null);

  useEffect(() => {
    const worker = new Worker('worker.js', { credentials: "same-origin", name: "justCheking", type: "module" });

    const handleMessage = (event) => {
      const { data } = event;
      setResult(data);
    };

    worker.addEventListener('message', handleMessage);

    const executeFunction = () => {
      worker.postMessage({ function: workerFunction.toString(), args: [] });
    };

    executeFunction();

    return () => {
      worker.removeEventListener('message', handleMessage);
      worker.terminate();
    };
  }, []);

  return result;
}

export default useWebWorker;