I have a problem displaying this html string on next js. Here's what I did
const details = "<p>All confirmed bookings:</p><ul><li>Travelling up to <strong>31st August 2023</strong> will be charged the additional park fee at the property</li><li>Travelling between <strong>1st September 2023 - 15th October 2023</strong> will have the choice to be invoiced prior to travel or pay the additional park fee at the property</li><li>Travelling after <strong>15th October 2023</strong> onward will be invoiced</li></ul>"
return (
<div dangerouslySetInnerHTML={{__html: details}} />
)
Sample image of how it was supposed to look like
Here's what I get
Even using https://www.npmjs.com/package/react-html-parser results the same way. But when I inspect element I can see the HTML tags being rendered.
