history.back() isn't working also the browser back and forward buttons are disabled

const location = new ReactLocation();
 <Router
            location={location}
            routes={[
              {
                path: '/',
                pendingElement: <SuspenseLoader />,
                element: async () => <Home />,
                onMatch: handleRouteMatch,
              },
              {
                path: 'login',
                pendingElement: <SuspenseLoader />,
                element: async () => <Login />,
                onMatch: handleRouteMatch,
              },
              {
                path: 'create',
                pendingElement: <SuspenseLoader />,
                element: async () => <CreateAvatar />,
                onMatch: handleRouteMatch,
              },
            ]}
          >

const location = new ReactLocation();
 <Router
            location={location}
            routes={[
              {
                path: '/',
                pendingElement: <SuspenseLoader />,
                element: async () => <Home />,
                onMatch: handleRouteMatch,
              },
              {
                path: 'login',
                pendingElement: <SuspenseLoader />,
                element: async () => <Login />,
                onMatch: handleRouteMatch,
              },
              {
                path: 'create',
                pendingElement: <SuspenseLoader />,
                element: async () => <CreateAvatar />,
                onMatch: handleRouteMatch,
              },
            ]}
          >