How to fix router Invariant failed error in React?

Question

JavaScript

Error in react.
Help please.

import React from "react";
import ReactDOM from "react-dom";
import "./index.scss";
import { App } from "./App";
import * as serviceWorker from "./serviceWorker";
import { BrowserRouter, Router, Switch, Route } from "react-router-dom";
import { createBrowserHistory } from "history";
import { ReactRouterGlobalHistory } from "./components";

const history = createBrowserHistory();

ReactDOM.render(
  <BrowserRouter>
    <React.StrictMode>
      <Router history={history}>
        <ReactRouterGlobalHistory />
        <Switch>
          <Route path="/" component={App} />
        </Switch>
      </Router>
    </React.StrictMode>
  </BrowserRouter>,

  document.getElementById("root"),
);


// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

Happy holiday everyone!