From 00ec2c2623dbf54d8f859fb3ffbf1710c82ba1b3 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Fri, 23 Jan 2026 11:11:39 +0800
Subject: [PATCH] chore: disable serwist in dev

---
 web/app/components/provider/serwist.tsx | 18 +++++++++++++++++-
 web/app/layout.tsx                      |  9 +++------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/web/app/components/provider/serwist.tsx b/web/app/components/provider/serwist.tsx
index 39a80f5ac2..9ef3481f34 100644
--- a/web/app/components/provider/serwist.tsx
+++ b/web/app/components/provider/serwist.tsx
@@ -1,3 +1,19 @@
 'use client'
 
-export { SerwistProvider } from '@serwist/turbopack/react'
+import { SerwistProvider } from '@serwist/turbopack/react'
+import { IS_DEV } from '@/config'
+
+export function PWAProvider({ children }: { children: React.ReactNode }) {
+  const basePath = process.env.NEXT_PUBLIC_BASE_PATH || ''
+  const swUrl = `${basePath}/serwist/sw.js`
+
+  if (IS_DEV) {
+    return <>{children}</>
+  }
+
+  return (
+    <SerwistProvider swUrl={swUrl}>
+      {children}
+    </SerwistProvider>
+  )
+}
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index b970fddc7a..845cae2d4e 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -12,7 +12,7 @@ import { ToastProvider } from './components/base/toast'
 import BrowserInitializer from './components/browser-initializer'
 import { ReactScanLoader } from './components/devtools/react-scan/loader'
 import { I18nServerProvider } from './components/provider/i18n-server'
-import { SerwistProvider } from './components/provider/serwist'
+import { PWAProvider } from './components/provider/serwist'
 import SentryInitializer from './components/sentry-initializer'
 import RoutePrefixHandle from './routePrefixHandle'
 import './styles/globals.css'
@@ -40,9 +40,6 @@ const LocaleLayout = async ({
 }) => {
   const locale = await getLocaleOnServer()
 
-  const basePath = process.env.NEXT_PUBLIC_BASE_PATH || ''
-  const swUrl = `${basePath}/serwist/sw.js`
-
   const datasetMap: Record<DatasetAttr, string | undefined> = {
     [DatasetAttr.DATA_API_PREFIX]: process.env.NEXT_PUBLIC_API_PREFIX,
     [DatasetAttr.DATA_PUBLIC_API_PREFIX]: process.env.NEXT_PUBLIC_PUBLIC_API_PREFIX,
@@ -96,7 +93,7 @@ const LocaleLayout = async ({
         className="color-scheme h-full select-auto"
         {...datasetMap}
       >
-        <SerwistProvider swUrl={swUrl}>
+        <PWAProvider>
           <ReactScanLoader />
           <JotaiProvider>
             <ThemeProvider
@@ -124,7 +121,7 @@ const LocaleLayout = async ({
             </ThemeProvider>
           </JotaiProvider>
           <RoutePrefixHandle />
-        </SerwistProvider>
+        </PWAProvider>
       </body>
     </html>
   )