title: Strapi Rich text content not showing correctly on Web Page
body: <p>I am currently using Strapi as my CMS and NextJs/React as my frontend. I have included 1 field in my strapi as a rich content field. When I add my content in Strapi itself and see the preview, it shows the correct output with all the spacings and underlines etc. But when I switch to webpage view, it all comes as 1 sentence without any stylings. Places where I had made underlines show up as <code>&lt;u&gt;Sentence&lt;/u&gt;</code> in my webpage.</p>
  <p>Here is my current code:</p>
  <pre><code>export default function name({ posts }) {
    return (
      &lt;&gt;
        &lt;div&gt;
          &lt;div&gt;
            {posts.Title}
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div&gt;
          {posts.Content}
        &lt;/div&gt;
  
        &lt;Carousel /&gt;
      &lt;/&gt;
    );
  }
  
  // Tell nextjs how many pages are there
  export async function getStaticPaths() {
    const res = await fetch(&quot;http://localhost:1337/blogs&quot;);
    const posts = await res.json();
  
    const paths = posts.map((blog) =&gt; ({
      params: { id: blog.id.toString() },
    }));
  
    return {
      paths,
      fallback: false,
    };
  }
  
  // Get data for each individual page
  export async function getStaticProps({ params }) {
    const { id } = params;
  
    const res = await fetch(`http://localhost:1337/blogs?id=${id}`);
    const data = await res.json();
    const posts = data[0];
  
    return {
      props: { posts },
    };
  }
  </code></pre>
  <p>Webpage Preview:</p>
  <p><a href="https://i.stack.imgur.com/upMyV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/upMyV.png" alt="enter image description here" /></a></p>
  <p>Getting the following error when I import react-markdown</p>
  <p><a href="https://i.stack.imgur.com/pR11S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pR11S.png" alt="enter image description here" /></a></p>