For a better understandability and maintainability I suggest to refactor the React project, with better separation of components and a better project structure, for example like this:
- src
- components
- common (components used by various pages)
- navigation (components used for navigation purpose, like the navbar, the drawer, etc...)
- pages
- ExamplePage
- components (folder that contains component used only by this page)
- ExamplePage.js (main component of the page)
For a better understandability and maintainability I suggest to refactor the React project, with better separation of components and a better project structure, for example like this: