why react router url changes but component does not load in my nested router app

react-router URL changes but the component do not load. my app content lots off the nested router.
see my layout

in this app my main two problem

1. redirect
2. component not load

see this gif video what is my problem

<blockquote class="imgur-embed-pub" lang="en" data-id="pGbivBq" data-context="false"><a href="//i.stack.imgur.com/TFsb1.jpg">why react router url changes but component does not load in my nested router app</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>

I share gif video because of my gif size big than 2mb.
in this gif video, you see when clicking on the logout button than not redirect.
second when clicking on the signup button my app not redirect.

plz tell me what is my problem

You just have to wrap the components inside withRouter.

<Route exact path="/mypath" component={withRouter(MyComponent)} />