小编Lau*_*íaz的帖子

我使用 useQuery 钩子向 graphql 端点发送请求，我使用react.js 和 next.js。此请求是为了在我的网站上显示项目列表。当我在 Chrome 浏览器的检查工具中检查网络选项卡时，请求正常，显示响应数据没有问题，但在控制台中，我收到以下错误：

查询数据不能是未定义的。请确保从查询函数中返回除 undefined 以外的值。受影响的查询键：[“newProjects”]

错误：在解析时 (retryer.mjs?bd96:54:1) 处的 Object.onSuccess (query.mjs?b194:316:1) 处未定义

我创建了一个钩子来发出请求并获取另一个组件中的数据：

import { useQuery } from "@tanstack/react-query";
import { request, gql } from 'graphql-request'
import { endpointProjects } from "../settings";

export function useAllProjects() {

  return useQuery(
    ['newProjects'],
    async () => {
      const data = await request(
        endpointProjects.newProjects,
        gql`
        query MyQuery {
            newProjects(orderBy: blockTimestamp, orderDirection: desc, first: 10, skip: 0) {
              id
              project
              name
              symbol
              uri
              blockNumber
              blockTimestamp
              transactionHash
            }
          }
      `,
      ) …