title: Attempted import error: 'Outlet' is not exported from 'react-router-dom'
body: <p>Please help me on how I can fix this error</p>
  <pre><code>Attempted import error: 'Outlet' is not exported from 'react-router-dom'.
  </code></pre>
  <p>This is how I imported the component</p>
  <pre><code>import { Outlet  } from &quot;react-router-dom&quot;;
  </code></pre>
  <p>This is my Package.json file</p>
  <pre><code>&quot;dependencies&quot;: {
  &quot;react&quot;: &quot;^16.13.1&quot;,
  &quot;react-dom&quot;: &quot;^16.13.1&quot;,
  &quot;react-icons&quot;: &quot;^3.11.0&quot;,
  &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
  &quot;react-router-hash-link&quot;: &quot;^2.0.0&quot;,
  &quot;react-scripts&quot;: &quot;3.4.3&quot;,
  &quot;serve&quot;: &quot;11.3.2&quot;
  },
  </code></pre>
  <p>This is where I'm trying to use it</p>
  <pre><code>const User = () =&gt; {
    return (
      &lt;div className=&quot;User&quot;&gt;
        &lt;TopNav /&gt;
        &lt;SideNav /&gt;
        &lt;div className=&quot;Body&quot;&gt;
          &lt;Outlet /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  };
  </code></pre>