Hi,

In the React demo1 of Metronic version 8.1.0 there is a Profile module. This is the URL for it:

When I go to Projects:




I see a grid of projects nicely displayed as card components.

What I would like to do is:

1. Be able to click a project, let's say for example the first project in the list.
2. When I click the first project the browser should update the URL in the addressbar to




and also display a new project details component where the grid list is positioned.

How do I need to configure React Router in order for this to work? Could you please provide a simple example?

I tried experimenting with
,
,
and
. I also consulted the React Router docs. But to be honest, I'm new to React Router and pretty confused about how all the pieces work together and should be configured and laid out in my layout.