Fix render loop

remix-run · Nov 22, 2022 · c5545c7 · c5545c7
1 parent bda2267
commit c5545c7
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/emotion/app/root.tsx b/emotion/app/root.tsx
@@ -37,6 +37,8 @@ const Document = withEmotionCache(
     const clientStyleData = useContext(ClientStyleContext);
 
     // Only executed on client
+    // When a top level ErrorBoundary or CatchBoundary are rendered,
+    // the document head gets removed, so we have to create the style tags
     useEffect(() => {
       // re-link sheet container
       emotionCache.sheet.container = document.head;
@@ -50,7 +52,8 @@ const Document = withEmotionCache(
 
       // reset cache to re-apply global styles
       clientStyleData.reset();
-    }, [clientStyleData, emotionCache.sheet]);
+      // We only want to do this on mount, not when styles change
+    }, []);
 
     return (
       <html lang="en">