implementing the breadcrumbs example in docs to a typescript project

export const Route = createRootRoute({
  component: () => {
    const matches = useRouterState({ select: (s) => s.matches })

    const breadcrumbs = matches
      .filter((match) => match.context.getTitle)
      .map(({ pathname, context }) => {
        return {
          title: context.getTitle(),
          path: pathname,
        }
      })

    // ...
  },
})

export const Route = createRootRoute({
  component: () => {
    const matches = useRouterState({ select: (s) => s.matches })

    const breadcrumbs = matches
      .filter((match) => match.context.getTitle)
      .map(({ pathname, context }) => {
        return {
          title: context.getTitle(),
          path: pathname,
        }
      })

    // ...
  },
})

Object literal may only specify known properties, and 'getTitle' does not exist in type '(ctx: RouteContextOptions<Route<RootRoute<undefined, MyRouterContext, AnyContext, AnyContext, {}, undefined, unknown, unknown>, "", "", "/_app", "/_app", ... 7 more ..., unknown>, Record<...>, AnyContext, {}>) => any'

Object literal may only specify known properties, and 'getTitle' does not exist in type '(ctx: RouteContextOptions<Route<RootRoute<undefined, MyRouterContext, AnyContext, AnyContext, {}, undefined, unknown, unknown>, "", "", "/_app", "/_app", ... 7 more ..., unknown>, Record<...>, AnyContext, {}>) => any'