Why is queryClient being passed to context even tho its non serializable

[chanithecat]

Hi all

Im using tanstack start using create-ts-router and I am using its query integration addon. Im very new to the tanstack ecosystem and confused on how are we integrating query to start. In the code below, I commented out passing the context because it will pass the query client and will error g [Error]: The value [object Object] of type "object" cannot be parsed/serialized. Please enlighten me on this thank you in advance!

import { Outlet, createFileRoute, redirect } from '@tanstack/react-router'

export const Route = createFileRoute('/_protected')({
  beforeLoad({ context }) {
    if (!context.session || !context.user) {
      throw redirect({
        to: '/login',
      })
    }

    return {
      // ...context,
      session: context.session,
      user: context.user,
    }
  },
  component: RouteComponent,
})

// ...