change cond

Author: huozhi

packages/next/shared/lib/flush-effects.tsx

@@ -8,8 +8,7 @@ export const FlushEffectsContext = createContext<FlushEffectsHook | null>(
 
 export function useFlushEffects(callbacks: () => React.ReactNode): void {
   const flushEffectsImpl = useContext(FlushEffectsContext)
-  if (!flushEffectsImpl) {
-    throw new Error(`useFlushEffects can not be called on the client.`)
-  }
+  // Should have no effects on client where there's no flush effects provider
+  if (!flushEffectsImpl) return
   return flushEffectsImpl(callbacks)
 }

test/e2e/app-dir/rsc-basic/app/root-style-registry.client.js

@@ -30,13 +30,14 @@ export default function RootStyleRegistry({ children }) {
     )
   })
 
-  if (typeof window !== 'undefined') {
-    return children
+  // Only include style registry on server side for SSR
+  if (typeof window === 'undefined') {
+    return (
+      <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
+        <StyleRegistry registry={jsxStyleRegistry}>{children}</StyleRegistry>
+      </StyleSheetManager>
+    )
   }
-  console.log('render')
-  return (
-    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
-      <StyleRegistry registry={jsxStyleRegistry}>{children}</StyleRegistry>
-    </StyleSheetManager>
-  )
+
+  return children
 }