MSW configuration for create-react-app

setup

import { setupWorker } from 'msw/browser'

// https://mswjs.io/docs/best-practices/typescript

// also ensure there is .env or env.local file
// with PUBLIC_URL=index set to something otherwise chrome wont load the mock service worker

const worker = setupWorker(/* here goes handlers */); 

if (process.env.NODE_ENV === "development") {
  if (window.location.pathname === process.env.PUBLIC_URL) {
    window.location.pathname = process.env.PUBLIC_URL + "/";
  }
  mockStarted = worker.start({
    serviceWorker: {
      url: `${process.env.PUBLIC_URL}/mockServiceWorker.js`,
    },
  });
}