Fix SW

package.json

@@ -85,6 +85,7 @@
         "react-dom": "^18.2.0",
         "typescript": "5.4.5",
         "vite": "^5.2.11",
+        "vite-plugin-pwa": "^0.20.0",
         "vite-plugin-svgr": "^4.2.0",
         "vite-tsconfig-paths": "^4.3.2",
         "vitest": "^1.6.0",

src/index.tsx

@@ -4,7 +4,6 @@ import { BrowserRouter } from 'react-router-dom';
 
 import { App } from './App';
 import { disableReactDevTools } from './disableReactDevTools';
-import * as serviceWorker from './serviceWorker';
 import { GlobalStyle } from './GlobalStyles';
 
 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
@@ -19,8 +18,3 @@ root.render(
 );
 
 if (process.env.NODE_ENV === 'production') disableReactDevTools();
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.register();

vite.config.ts

@@ -1,9 +1,10 @@
 import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react-swc';
+import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
     base: '/',
-    plugins: [react()],
+    plugins: [react(), VitePWA({ registerType: 'autoUpdate' })],
     test: {
         globals: true,
         environment: 'jsdom',