Using web workers in react js

webWorkerInReactJs.js

/* ------- worker file ----------
   ./worker/myworkercode.js
*/
const workercode = () => {
   self.onmessage = function(e) {   
        // Do anything you want with e.data
        let l = e.data * 5;
     
     
        postMessage(l); // return new data
    }
};

let code = workercode.toString();
code = code.substring(code.indexOf("{")+1, code.lastIndexOf("}"));

const blob = new Blob([code], {type: "application/javascript"});
const worker_script = URL.createObjectURL(blob);

module.exports = worker_script;

/* ------- react component ----------
*/

import worker_script from './worker/myworkercode.js';
let myWorker = new Worker(worker_script);

// In component class codes
if (window.Worker) { // Check if Browser supports the Worker api.
  let dataForWorker = 50;

  myWorker.postMessage(dataForWorker);
  myWorker.onmessage = (e) => {
      console.log("data received from worker: ", e.data);
  };
}else{
  console.error('Your browser does not support worker');
}