Nested routes with independent pages

[pavlyxar567]

Hello guys!)
Thank u for the amazing library, it is plesure to work with react-router!
And I will be thankfull if u help me with my question)
I try to find supported ways to reach nested and logical routes at my address bar, for example:
I have list of components: https://myapp:5555/products
And I have a definite product: https://myapp:5555/products/3

And I need that pages will be independent and won't be poduct is nested to products page
I can't reach this goal using this way:

        {
          component: <Products />,
          path: '/products',
          children: [ {
          component: <Product />,
          path: '/:id',    
}      
          ]
        },

Can u give advise for solving my issue?