Type errors when deploying to Vercel using new client integration

export const Component = () => {
  const trpc = useTRPC()
  const { data, isLoading } = useQuery(trpc.my.endpoint.queryOptions())

  return (
    <div>
      {!isLoading && data && data.length && (
        <div>
          {data.map((c, i) => (
            /* ... */
          ))}
        </div>
      )}
    </div>
  )
}