Как сделать карту для React-Router с помощью функции?

Я пытаюсь создать несколько настраиваемых маршрутов для компонентов с защищенной функцией, но маршрут не работает:

import React from "react";
import "./styles.css";
import { BrowserRouter, Switch, Route, useHistory } from "react-router-dom";

const RoutesRender = ({ Routes }) => {
    const History = useHistory();

    if (Routes.AuthRequired) {
        History.push("/login");
        return null;
    } else {
        return (
            <Route exact path = {Routes.Path} render = {(props) => <Routes.Component {...props} />} />
        );
    }
};

const RoutesProvider = () => {
    return (
        <React.Fragment>
            <BrowserRouter>
                <Switch>
                    {[
                        {
                            Path: "/login",
                            Component: () => <div>"login"</div>,
                            Title: "Login",
                            AuthRequired: false
                        },{
                            Path: "/register",
                            Component: () => <div>"register"</div>,
                            Title: "Register",
                            AuthRequired: false
                        },{
                            Path: "/",
                            Component: () => <div>"root"</div>,
                            Title: "Janus Chat",
                            AuthRequired: true
                        }
                    ].map((Routes, Index) => (
                        <RoutesRender Routes = {Routes} key = {Index} />
                    ))}
                </Switch>
            </BrowserRouter>
        </React.Fragment>
    );
};

export default function App() {
    return <div className = "App">{RoutesProvider()}</div>;
}

Он не показывает никаких ошибок, он показывает первый объект из массива и не зацикливается на других. если я поставлю маршрут внутри карты, это сработает, но если я вставлю функцию, она не сработает.

{RoutesMaster.map((Routes, Index) => (
    <Route exact key = {Index} path = {Routes.Path} render = {(props) => <Routes.Component {...props} />}/> 
))}