Estoy usando contenido dentro de mi proyecto Next.js
Tengo un problema con el texto enriquecido con contenido, por lo que cuando agrego una nueva opción, elimina la clase css de mi primera opción y aplica solo la segunda opción. No puedo entender por qué es esto. El código de opciones es el siguiente:
const options = { renderNode: { [BLOCKS.PARAGRAPH]: (node, children) => { return ( <p className="text-primary">{children}</p> ) } }, renderNode: { [BLOCKS.LIST_ITEM]: (node, children) => { return ( <li className="text-sundown">{children}</li> ) } }};
Esto se debe a que no puede tener varias propiedades de renderNode dentro de las options . Coloque el css de párrafo y elemento de lista dentro de un renderNode .
const options = { renderNode: { [BLOCKS.PARAGRAPH]: (node, children) => { return ( <p className="text-primary">{children}</p> ) }, [BLOCKS.LIST_ITEM]: (node, children) => { return ( <li className="text-sundown">{children}</li> ) } };