fix: fix plugin-emotion-cache style sync when using initialData

measuredco · Jan 10, 2025 · ac8679c · ac8679c
1 parent cc3b3b8
commit ac8679c
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/packages/plugin-emotion-cache/index.tsx b/packages/plugin-emotion-cache/index.tsx
@@ -13,14 +13,17 @@ const createEmotionCachePlugin = (key: string): Plugin => {
 
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(() => {
-          if (document) {
-            setCache(
-              createCache({
-                key,
-                container: document.head,
-              })
-            );
-          }
+          // Defer until next render
+          setTimeout(() => {
+            if (document) {
+              setCache(
+                createCache({
+                  key,
+                  container: document.head,
+                })
+              );
+            }
+          }, 0);
         }, [document, key]);
 
         if (cache) {