TypeError: Cannot read properties of undefined (reading 'location')

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { Route, BrowserRouter as Router } from 'react-router-dom';
import createHistory from 'history/createBrowserHistory'; 
import AboutPage from './pages/aboutPage'

const history = createHistory();  

ReactDOM.render(
  <React.StrictMode>
    <Router history={ history }>
     <Routes>
      <Route exact path='/' element={ App }/>
      <Route path='/about' element={ AboutPage }/>
     </Routes>
    </Router>
  </React.StrictMode>,
  document.getElementById('root')
);

Бьюсь с этой ошибкой уже немалое время. То ли я дбоеб, то ли лыжи не едут, но гуглинг ни к чему не привел.

Код файла Router.js: https://jsfiddle.net/mustmusk/kcpmxzaw/

React v17.0.2, React-router v5.2.1, React-router-dom v6.0.1