title: Failed to compile. ./src/App.tsx SyntaxError: Expected corresponding JSX closing tag for <div>
body: <p>It seems that there is some issue with te closing tag, but I can not seem to find a solution anywhere.</p>
  <p>I just started the project and the code is super simple:</p>
  <p>App.tsx</p>
  <pre><code>function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;Header id=&quot;header&quot; inverted as='h1'&gt;Dishes Project&lt;/Header&gt;
        &lt;/ DishesContainer&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>The error &quot;Failed to compile. ./src/App.tsx SyntaxError: Expected corresponding JSX closing tag for &quot; started showing up when I imported  the  &lt;/ DishesContainer&gt;</p>
  <p>import { DishesContainer } from './components/DishesContainer'</p>