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

[advrxh]

What version of React Router are you using?

^5.2.1

Steps to Reproduce

import "./App.css";

import { useEffect, useState } from "react";

import { Router, Route, Switch } from "react-router";

function Hello() {
  return <div>HEllo</div>;
}

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/about" component={<Hello />} />
      </Switch>
    </Router>
  );
}

export default App;

Expected Behavior

I just wrote the above code and this error is repeatedly showing up.

Actual Behavior

There shouldn't be an error by the tutorial I'm following!

[timdorr]

You shouldn't be using just Router. Use a BrowserRouter or HashRouter.