ログイン機能が実装できない

React初心者です
この記事を参考に
【React】 Firebaseを使用して認証機能の実装

ログイン機能実装時していたのですが
初めて見るエラーを経験しました、

いろんな記事を確かめたのですが、
解決に至らず、

また、もし可能なら、どこが足りないのかを把握するため、
ユーザー管理機能のついたオススメのGitのリポジトリを紹介してくれると嬉しいです

Error: Invariant failed: You should not use <withRouter(Login) /> outside a <Router>

App.js


import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { MemoryRouter } from "react-router-dom";**足したところ**
import PrivateRoute from "./auth/PrivateRoute";
import { AuthProvider } from "./auth/AuthProvider";
import Home from "./components/Home";
import Login from "./auth/Login";
import SignUp from "./auth/SignUp";

const App = () => {
  return (
    <MemoryRouter>
    <AuthProvider>
      <Router>
        <div>
          <PrivateRoute exact path="/" component={Home} />
          <Route exact path="/login" component={Login} />
          <Route exact path="/signup" component={SignUp} />
        </div>
      </Router>
    </AuthProvider>
    </MemoryRouter>
  );
};

export default App;

試したこと
App.js

import React from "react";
import { BrowserRouter,Link  } from "react-router-dom";
import PrivateRoute from "./auth/PrivateRoute";
import { AuthProvider } from "./auth/AuthProvider";
import Home from "./components/Home";
import Login from "./auth/Login";
import SignUp from "./auth/SignUp";

const App = () => {
  return (
    <AuthProvider>
      <BrowserRouter>
        <div>
          <PrivateRoute exact path="/" component={Home} />
          <Link exact path="/login" component={Login} />
          <Link exact path="/signup" component={SignUp} />
        </div>
      </BrowserRouter>
    </AuthProvider>
    
  );
};

export default App;