Breaking News: Grepper is joining You.com. Read the official announcement!

< Routes />

Leonhart answered on October 28, 2022 Popularity 4/10 Helpfulness 1/10

answer < Routes />

< Routes />

Comment

import { BrowserRouter } from "react-router-dom";
import allComponents from "@src/components/components";
import ProtectedRoute from "@src/components/hoc/ProtectedRoutes";
import { objectToArray } from "@src/helpers/utils/objectToArray";
import ROUTES from "@src/routes";

const AppRoutes = () => {
  return (
    <BrowserRouter>
      <>
        {objectToArray(ROUTES).map(({ name, path, component }) => {
          return (
            <ProtectedRoute
              key={name}
              path={path}
              MatchComponent={allComponents[component]}
            />
          );
        })}
      </>
    </BrowserRouter>
  );
};
export default AppRoutes;

Popularity 4/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: routes whatever

Link to this answer
Share Copy Link

Contributed on Oct 28 2022

Leonhart

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

< Routes />

Contents

More Related Answers

< Routes />

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.