useQuery returns "loading" while data is already fetched

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"