How to make workbox work in localhost with create-react-app?

I am using create-react-app v5.0.1 and workbox with version

"workbox-background-sync": "^6.4.2",
"workbox-broadcast-update": "^6.4.2",
"workbox-cacheable-response": "^6.4.2",
"workbox-core": "^6.4.2",
"workbox-expiration": "^6.4.2",
"workbox-google-analytics": "^6.4.2",
"workbox-navigation-preload": "^6.4.2",
"workbox-precaching": "^6.4.2",
"workbox-range-requests": "^6.4.2",
"workbox-routing": "^6.4.2",
"workbox-strategies": "^6.4.2",
"workbox-streams": "^6.4.2",

according to the file generated in serviceWorkerRegisteration.ts, it doesn’t support localhost development even after I removed the checks it still not working in localhost.

I have to build the app to check small changes and it takes a lot of time, is there any workaround to make it work locally?