middleware for react-router-dom

[alkosorukov]

I need to save the history of the user's movement on the site. How do I write middle var?
This my code:

const MyReactComponent = lazy(() =>
  import('./my_react-component.ui').then((module) => ({ default: module.MyReactComponent })),
)

export const PageRoute1: RouteObject = {
  path: 'other-path/page',
  element: createElement(enhance(MyReactComponent)),
}

const browserRouter = createBrowserRouter([
  {
    errorElement: <BubbleError />,
    children: [
      {
        element: createElement(enhance(GenericLayout)),
        children: [PageRoute1, PageRoute2],
      },
      {
        element: createElement(enhance(EmptyLayout)),
        children: [page404Route],
      },
      {
        loader: async () => redirect(PATH_KEYS.page404),
        path: '*',
      },
    ],
  }
])

I find library https://github.com/verolisoft/react-router-dom-middleware but she has few stars and downloads