[Solved] You cannot render a <Router> inside another <Router>. You should never have more than one in your app

Problem:

Recently, we working on a SPA(Single page application), we used React to develop this application. But when we try to integrate React router in our application we face that "nested routers not be supported" issue.

Solution:

We found that this problem happens when cause we use React Router version 6. In this version, nested routers will not be supported. So we uninstall the React Router version 6 and install React Router version 5 to solve this issue quickly.

Uninstall version 6:

npm uninstall react-router-dom

Install version 5:

npm install react-router-dom@5.3.0

Thank you for reading the article. Hope the given solution will solve your problem.