From 71e60bc3a52b7a6b3e8567cf04a50fa9fa2b39d3 Mon Sep 17 00:00:00 2001
From: QiShaoXuan <qishaoxuan777@gmail.com>
Date: Fri, 30 Sep 2022 11:40:10 +0800
Subject: [PATCH] feat: update theme provider to  dynamic

---
 src/pages/_app.tsx           | 6 +++++-
 src/styles/themeProvider.tsx | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index e118fcf54f..a74b017164 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,8 +1,12 @@
 import type { AppProps } from 'next/app';
-import { ThemeProvider } from '@/styles';
+import dynamic from 'next/dynamic';
 
 import '../../public/globals.css';
 
+const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), {
+  ssr: false,
+});
+
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <ThemeProvider>
diff --git a/src/styles/themeProvider.tsx b/src/styles/themeProvider.tsx
index 95187d3415..af87a29e7c 100644
--- a/src/styles/themeProvider.tsx
+++ b/src/styles/themeProvider.tsx
@@ -75,3 +75,5 @@ export const ThemeProvider = ({
     </ThemeContext.Provider>
   );
 };
+
+export default ThemeProvider;