Sentry with query client and react router dom create browser routes

[ghbishal]

I have something like this but i am getting error in params i am getting type error but if i remove the wrapCreateBrowserRouter and just use createBrowserRouter everything is fine how can fix it?

export const router = (queryClient: QueryClient) =>
  wrapCreateBrowserRouter(createBrowserRouter)([
    {
      path: "/",
      element: <LandingPage />,
      errorElement: (
        <Sentry.ErrorBoundary>
          <ErrorBoundary />
        </Sentry.ErrorBoundary>
      ),
    },
    {
      path: "/test/:id",
      loader: ({ params }) =>
        fetchTestDetail(queryClient, params.id),
      element: (
          <AuthenticatedGuard>
            <TestDetail />
          </AuthenticatedGuard>
      ),
      errorElement: (
        <Sentry.ErrorBoundary>
          <ErrorBoundary />
        </Sentry.ErrorBoundary>
      ),}])

[AbhiPrasad]

I have something like this but i am getting error in params i am getting type error

What is the type error?

[ghbishal]

Binding element 'params' implicitly has an 'any' type.ts(7031)
(parameter) params: any

but if i remove the wrap and just sue createBrowserRouter this is a type and i am not getting error (parameter) params: Params i

[AbhiPrasad]

@ghbishal to investigate this, we'll need a minimal reproduction. Could you create one and then fill out a bug report? We can take a look!