JAVASCRIPT

react router multiple path

<Router>
    <Route path={["/home", "/users", "/widgets"]} component={Home} />
</Router>

multiple path names for a same component in react router

<Router>
    <Route path={["/home", "/users", "/widgets"]} component={Home} />
</Router>

multiple path names for a same component in react router

<Router>
    {["/home", "/users", "/widgets"].map((path, index) => 
        <Route path={path} component={Home} key={index} />
    )}
</Router>

Multiple path names for a same component in React Router v6

import React from "react";
import {
  BrowserRouter as Router,
  useRoutes,
} from "react-router-dom";

const App = () => useRoutes([
    { path: "/home", element: <Home /> },
    { path: "/users", element: <Home /> },
    { path: "/widgets", element: <Home /> }
  ]);

const AppWrapper = () => (
    <Router>
      <App />
    </Router>
  );