Customizing Lexical Nodes with the new RichText Component

[oblique bane]

When using the RichText component imported from @payloadcms/richtext-lexical/react , how do you customize the standard nodes that have children? Before, in the serialize.tsx file, you had functions that provided serializedChilden

<p className='col-start-2 mb-4' key={index}>
  {serializedChildren}
</p>

But how would you add the children in this instance?

[gaunt lake]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Lexical Converters - Lexical => JSX
• Rich Text Editor - TypeScript
• Lexical Converters - Lexical => HTML - Creating your own HTML Converter
• Payload Concepts - Package Structure
• Lexical Converters - Lexical => HTML - Generating HTML anywhere on the server

Community-Help:

• HTML LEXICAL CONVERTER

[oblique bane]

What I currently have:

const jsxConverters: JSXConvertersFunction = ({ defaultConverters }) => ({
  ...defaultConverters,
  paragraph: ({ node }) => {
    return <p>{whatGoesHere?}</p>;
  },
  blocks: {
    accordion: ({ node }) => (
      <Accordion {...(node.fields as AccordionProps)} />
    )
  }
});

[amber estuary]

const text = nodesToJSX({ nodes: node.children }).join("");

[oblique bane]

where does nodesToJSX() come from?

[oblique bane]

@amber estuary nvm, I found it. Thank you very much.