How to render @payloadcms/richtext-lexical for static use

[Aichnerc]

I always get an error when I try to static render content from @payloadcms/richtext-lexical: ReferenceError: File is not defined.

So how do you handle Rich Text contenet being rendered through NextJS static generation?

[zubricks]

Hey @Aichnerc there's actually a fairly simple fix for that—use @payloadcms/richtext-lexical/react instead. The /react subpath export gives you only what you need for rendering.

The reason you're seeing errors is when you try to use @payloadcms/richtext-lexical directly you're pulling in editor code (including browser-only APIs) which breaks in static gen

export default function MyComponent({ content }) {
  return <RichText data={content} />
}