Data is still undefined even after declaring isPending and isError in React Query V5

typescript
// React Query v4
function SomeCOmponent() {
    const {data, isLoading, isError} = useQuery({
        queryKey: ["some-key"],
        queryFn:  // some request
    })
   if (isLoading) return <p>Loading</p>
   if (isError) return <p>Error </p>

   // At this point, data would ALWAYS be defined
   return  <SomeOtherComponent data={data} />
}

typescript
// React Quey v5
function SomeCOmponent() {
    const {data, isPending, isError} = useQuery({
        queryKey: ["some-key"],
        queryFn:  // some request
    })
   if (isPending) return <p>Loading</p>
   if (isError) return <p>Error </p>

   // Data can still be undefined here
   return  <SomeOtherComponent data={data} />
}