contrived example

App-reach.js

import React from 'react';
import { render } from 'react-dom';
import { Router, Route } from '@reach/router';

const Home = () => (<h2>Home</h2>);
const Admin = ({props}) => (<div><h2>Admin</h2><hr/><div>{props.children}</div></div>);
const Users = () => (<h2>Users</h2>);
                    
const App = () => (
  <Router>
    <Home path="/"/>
    <Admin path="/admin>
      <Users path="users" />
    </Admin>
  </Router>
);


render(<App />, document.querySelector("#root"))

App-router.js

import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter, Switch, Route, useRouteMatch } from 'react-router-dom';

const App = () => (
  <BrowserRouter>
    <Switch>
      <Route path="/" exact>
        <div><h2>Home</h2></div>
      </Route>
      <Route path="/admin">
        <div><h2>Admin</h2></div>
        <Switch>
          <Route path="users">
            {/* some stuff */}
          </Route>
        </Switch>
      </Route>
    </Switch>
  </BrowserRouter>
);

render(<App />, document.querySelector("#root"))