When using Lexical v0.37.0 with React Server Components (RSC), the following warning appears:
Missing getServerSnapshot, which is required for server-rendered content.
This occurs in @lexical/react/LexicalReactExtension.dev.mjs where useSyncExternalStore is called without the required getServerSnapshot function, causing hydration issues in RSC environments.
|
const decorators = useSyncExternalStore(subscribe, getSnapshot); |
Steps to reproduce:
- Use Lexical v0.37.0 in a RSCapp.
- Render a Lexical editor or extension.
- Observe the warning in the console.
Expected behavior:
Lexical should provide a getServerSnapshot function to useSyncExternalStore to ensure compatibility with RSC.
When using Lexical v0.37.0 with React Server Components (RSC), the following warning appears:
This occurs in
@lexical/react/LexicalReactExtension.dev.mjswhereuseSyncExternalStoreis called without the requiredgetServerSnapshotfunction, causing hydration issues in RSC environments.lexical/packages/lexical-react/src/shared/useReactDecorators.tsx
Line 30 in 5a4b131
Steps to reproduce:
Expected behavior:
Lexical should provide a
getServerSnapshotfunction touseSyncExternalStoreto ensure compatibility with RSC.