when I type in ` /feedBackHub/myassignments/editfeedback` url, my Material UI styles appear but when I go to another link like /feedBackHub & then hit BACK ..when I go back to `/feedBackHub/myassignments/editfeedback` the MUI styles appear distorted & have weird behavior.

but if I reload ` /feedBackHub/myassignments/editfeedback` the MUI styles appear fine.

What could be the cause of this weird css behavior ?

this is my router

export const FeedBackRouter: VFC = (): JSX.Element => { 
Explain
const path = useRouteMatch();
return (
<div className="feedback-hub-content"> <Route exact path={'/feedBackHub'}> <FeedBackHub/> </Route> <Route exact path={`/feedBackHub/search`} > <FeedBackHubSearch/> </Route> <Route exact path={`/feedBackHub/myassignments`} > <MyAssignmentsPage/> </Route> <Route exact path={`/feedBackHub/myassignments/editfeedback`} > <EditFeedback/> </Route> </div>     ) }