Brower's Back and Forward not Rendering Current Component

[Mrbeyond]

Everything is working fine and good when when I use the navigate() or A component. But when I click on Browser's Forward or back Icon, the route URL changes correctly but a wrong component is rendered. Like the browser is keep wrong history. This happens in the Routes that has child routes