🐛 fix: add startTransition on callback function (#111)

ant-design · Sep 20, 2023 · 1b502d1 · 1b502d1
1 parent 960e444
commit 1b502d1
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/factories/createThemeProvider/ThemeSwitcher.tsx b/src/factories/createThemeProvider/ThemeSwitcher.tsx
@@ -14,19 +14,23 @@ const ThemeObserver: FC<{
   setBrowserPrefers: (value: BrowserPrefers) => void;
 }> = ({ themeMode, setAppearance, setBrowserPrefers }) => {
   const matchBrowserTheme = () => {
-    if (matchBrowserPrefers('dark').matches) {
-      setAppearance('dark');
-    } else {
-      setAppearance('light');
-    }
+    safeStartTransition(() => {
+      if (matchBrowserPrefers('dark').matches) {
+        setAppearance('dark');
+      } else {
+        setAppearance('light');
+      }
+    });
   };
 
   const updateBrowserTheme = () => {
-    if (matchBrowserPrefers('dark').matches) {
-      setBrowserPrefers('dark');
-    } else {
-      setBrowserPrefers('light');
-    }
+    safeStartTransition(() => {
+      if (matchBrowserPrefers('dark').matches) {
+        setBrowserPrefers('dark');
+      } else {
+        setBrowserPrefers('light');
+      }
+    });
   };
 
   // 自动监听系统主题变更