Route: Error on validateSearch doesn't call errorComponent if the user types the invalid query parameters to URL and refreshes browser

[jannekanerva]

I have the following route definition (still a dummy version of my project):

const routeValidator = z.object({
  q: z.string()
});

export const Route = createFileRoute('/about')({
  component: About,
  validateSearch: zodSearchValidator(routeValidator),
  loader: ({context: {queryClient}}) => {
    queryClient.ensureQueryData({
      queryKey: ["about"],
      queryFn: () => Promise.resolve({foo: 'about'})
    })
  },
  onError: () => console.log('About:onError OK'),
  errorComponent: () => <div>This is not rendered NOK</div>
});

The errorComponent is being rendered if I navigate via Link links (although those cause a compile error if the query string on them is incorrect). But when I type the invalid query string the the browser's address bar and load the page, the onError is being called but the errorComponent isn't being rendered.

Is this intended or am I misunderstanding how to use it correctly?