title: Type '{ children: Element[]; }' is missing the following properties from type 'RouterProps': location, navigator
body: <p>Trying to use React Router V6 with typescript, however im getting a type error on the <code>&lt;Router /&gt;</code> component when adding Routes within. It says that the children property being passed to the Router is not of the correct type, yet I've simply used the components the library has given.</p>
  <p>My code:</p>
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  import ReactDOM from 'react-dom/client';
  import { BrowserRouter, Router, Route } from 'react-router-dom';
  
  // Styles
  import './css/index.css';
  
  // Pages Directory
  import * as Pages from './pages';
  
  const root = ReactDOM.createRoot(
      document.getElementById('root') as HTMLElement
  );
  
  root.render(
      &lt;React.StrictMode&gt;
          &lt;BrowserRouter&gt;
              &lt;Router&gt;
                  &lt;Route path=&quot;/&quot; element={&lt;Pages.Home /&gt;} /&gt;
                  &lt;Route path=&quot;about&quot; element={&lt;Pages.About /&gt;} /&gt;
              &lt;/Router&gt;
          &lt;/BrowserRouter&gt;
      &lt;/React.StrictMode&gt;
  );
  </code></pre>
  <p>Error:</p>
  <pre><code>ERROR in src/index.tsx:18:5
  TS2739: Type '{ children: Element[]; }' is missing the following properties from type 'RouterProps': location, navigator
      16 |        &lt;React.StrictMode&gt;
      17 |                &lt;BrowserRouter&gt;
    &gt; 18 |                        &lt;Router&gt;
         |                         ^^^^^^
      19 |                                &lt;Route path=&quot;/&quot; element={&lt;Pages.Home /&gt;} /&gt;
      20 |                                &lt;Route path=&quot;about&quot; element={&lt;Pages.About /&gt;} /&gt;
      21 |                        &lt;/Router&gt;
  </code></pre>