useQuery returns "loading" while data is already fetched

hi
can anyone explain me
i have a query

const useSomething() {
  return useQuery({
    queryFn: () => fetchFunc()
  })
}

const fetchFunc = async () => {
  const data = await fetch(....)
  console.log(data)
  // i have data here
  return data
}

const useSomething() {
  return useQuery({
    queryFn: () => fetchFunc()
  })
}

const fetchFunc = async () => {
  const data = await fetch(....)
  console.log(data)
  // i have data here
  return data
}

const data = useSomething()
  console.log(data)
  //for some reason data.data === undefined
  //and data.status === "loading"

const data = useSomething()
  console.log(data)
  //for some reason data.data === undefined
  //and data.status === "loading"

why?

TanStack•2y ago•

2 replies

technical-ivory

useQuery returns "loading" while data is already fetched

hi
can anyone explain me
i have a query

const useSomething() {
  return useQuery({
    queryFn: () => fetchFunc()
  })
}

const fetchFunc = async () => {
  const data = await fetch(....)
  console.log(data)
  // i have data here
  return data
}

const useSomething() {
  return useQuery({
    queryFn: () => fetchFunc()
  })
}

const fetchFunc = async () => {
  const data = await fetch(....)
  console.log(data)
  // i have data here
  return data
}

const data = useSomething()
  console.log(data)
  //for some reason data.data === undefined
  //and data.status === "loading"

const data = useSomething()
  console.log(data)
  //for some reason data.data === undefined
  //and data.status === "loading"

why?

useQuery returns "loading" while data is already fetched

Similar Threads

useQuery returns "loading" while data is already fetched

Similar Threads

Similar Threads

Similar Threads