title: How to Render a Custom Element in another React Component?
body: <p>So basically, I'm trying to render a shadow DOM for MUI v5 using a custom element according to [this]<a href="https://stackoverflow.com/questions/69813276/how-to-create-insertion-point-to-mount-styles-in-shadow-dom-for-mui-material-v5">How to create insertion point to mount styles in shadow dom for MUI material v5 in React custom element</a> answer. However, I'm using TypeScript and when I try to render this custom element in my content.tsx file like this</p>
  <pre><code>ReactDOM.render(&lt;my-element&gt;&lt;/my-element&gt;, app);
  </code></pre>
  <p>it throws the following error</p>
  <pre><code>Property 'my-element' does not exist on type 'JSX.IntrinsicElements'.
  </code></pre>
  <p>I'm not sure what I'm doing wrong.</p>