validateDOMNesting(...): <pre> cannot appear as a descendant of <p>

[MenroMi]

Describe the bug
Hello. I would like to report a bug what I noticed. When I try to use the markdown code in the context of some other text, the lib puts a pre tag in the p tag, and this produces a warning. Btw i am using react-syntax-highlighter with react-markdown

To Reproduce
Steps to reproduce the behavior:

1. Write code in common text
2. This situation called the warning

Expected behavior
I thought that should be work like this case:

<div id="container">
  <p id="left-part-text"></p>
    <pre id="code-part">
      <code></code>
    </pre>
  <p id="right-part-text"></p>
</div>

Maybe I want a lot, but maybe someone knows the answer...
Screenshots

Desktop (please complete the following information):

• OS: macOS Ventura 13.5.2
• Browser: chrome
  -Version 116.0.5845.187 (Official Build) (arm64)