data loader only on first render

export const Route = createFileRoute('/_app/posts/')({
  validateSearch: zodSearchValidator(PostsRequest),
  loaderDeps: ({ search }) => pick(search, [
    'pageNumber',
    'pageSize',
  ]),
  loader: ({ abortController, deps }) => queryClient.ensureQueryData(postsQueries.get({
    signal: abortController.signal, filters: deps
  })),
  component: () => Posts()
})

function Posts() {

  const routeApi = getRouteApi('/_app/posts/')
  const navigate = useNavigate({ from: Route.fullPath })
  const filters = routeApi.useSearch()

  const query = useSuspenseQuery(postssQueries.get({ filters }))

  const setFilters = (partialFilters: Partial<typeof filters>) =>
    navigate({
      search: prev => ({ ...prev, ...partialFilters }),
    })