import { Route, useParams } from "react-router-dom";
// Route with URL param of id
<Route path="/:id" children={<Child />} />
// We can use the `useParams` hook here to access
// the dynamic pieces of the URL.
let { id } = useParams();
const pathArray = window.location.pathname.split('/');
const id = pathArray[2];
const Child = ({ match }) => (
<div>
<h3>ID: {match.params.id}</h3>
</div>
)
<Route path="/:id" render={(props) => (<Child {...props} />)} />