Route types not working

const SearchSchema = z.object({
  q: z.string(),
})

export const Route = createFileRoute('/search')({
  component: SearchComponent,
  validateSearch: search =>
    SearchSchema.parse(search),
  loaderDeps: opts => ({ q: opts.search.q }),
  loader: async(ctx): Promise<Game[]> => {
    const res = await search({
      query: ctx.deps.q
    })
    return res.games.items
  },
})

function SearchComponent() {
  const query = Route.useLoaderDeps().q
  const results = Route.useLoaderData()

const SearchSchema = z.object({
  q: z.string(),
})

export const Route = createFileRoute('/search')({
  component: SearchComponent,
  validateSearch: search =>
    SearchSchema.parse(search),
  loaderDeps: opts => ({ q: opts.search.q }),
  loader: async(ctx): Promise<Game[]> => {
    const res = await search({
      query: ctx.deps.q
    })
    return res.games.items
  },
})

function SearchComponent() {
  const query = Route.useLoaderDeps().q
  const results = Route.useLoaderData()