Estoy tratando de usar las preguntas frecuentes del esquema de Google en formato JSON-LD con nextJs para el SEO de un blog.

Está funcionando, solo tengo una preocupación.

Para una respuesta tengo una lista. Y tengo que volver al lign. Intenté usar etiquetas br, pero se muestra en el html br y la respuesta como texto sin formato.

¿Cómo puedo hacer para que el br se tome como una etiqueta?

Debajo de mi código:

 export default function Test() { let {t, lang} = useTranslationMe('blog') const router = useRouter(); const schemaData = { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": t('title-9'), "acceptedAnswer": { "@type": "Answer", "text": t('text-129') } }, { "@type": "Question", "name": t('title-10'), "acceptedAnswer": { "@type": "Answer", "text": `${t('text-130')}<br> ${t('text-131')}<br> ${t('text-131')} <br> ${t('text-132')} <br> ${t('text-133')}` } }, { "@type": "Question", "name": t('title-11'), "acceptedAnswer": { "@type": "Answer", "text": t('text-134') } }] }

 return ( <> <script type="application/ld+json" > {JSON.stringify(schemaData)} </script> <div> <div className="schema-faq-section"> {schemaData.mainEntity[0].name} <p>{schemaData.mainEntity[0].acceptedAnswer.text}</p> </div> <div className="schema-faq-section"> {schemaData.mainEntity[1].name} <p>{schemaData.mainEntity[1].acceptedAnswer.text}</p> </div> </div> </> )

Gracias por tu ayuda y explicación.