Router not working the second time

I have a problem, not sure what I am doing wrong.
I have a side panel(sideNav) which has a button which does a navigate to the about page.
The first time I click on it it works, takes me to the about page, if I click back on the about page it takes me to the main page and now the about button doesn’t do anything anymore.
this is the routes variable:
path: “/”,
async(routeTo, routeFrom, resolve, reject) {
firebase.auth().onAuthStateChanged((user) => {
if (splashScreenShown) {
if (user) {
resolve({ component: HomePage });
} else {
resolve({ component: Login });
} else {
resolve({ component: SplashScreen});
setTimeout(() => {
if (userul) {
resolve({ component: HomePage});
} else {
resolve({ component: Login});
}, 3500);
name: “home”,
viewName: “main”,
path: “/about/”,
component: AboutPage,
viewName: “main”,
path: “/sidenav/”,
panel: {
viewName: “sideMenu”,
component: SideNav,

this is the function for the about button from sideNav:
onClick={() => {

Nevermind,I fixed it by putting the panelClose parameter to the button