当使用类型记录+生成的核心作为包调用graphql-codegen查询时，钩子调用无效

Question

我正在使用Yarn工作区，其中包含有生成代码的npm包和使用它的移动包。

当试图从导入的查询进行调用时，我会得到一个无效的钩子调用。在该组件中使用任何其他挂钩(即useState)都很好。

我的移动包导入的package.json："@workspace-library/core": "1.0.0",

我在核心/src上有一个index.js文件，它有：

export * from "./generated/graphql";
export { apollo, useAuth, withAuth };

然后我导入如下的查询：

import {
  useArticlesQuery
} from "@workspace-library/core";

const SidebarArticles: FunctionComponent<{ props: any }> = (props: any) => {
  const [test, setTest] = useState("false");
  const data = useArticlesQuery({
    fetchPolicy: "no-cache",
    notifyOnNetworkStatusChange: true,
  });

   return (
    <View>
      <Text>Heyhey</Text>
    </View>
  );
};

我可以在生成的/Graphql.jsx中看到useArticlesQuery，以防万一：

export function useArticlesQuery(baseOptions) { return ApolloReactHooks.useQuery(ArticlesDocument, baseOptions); }

环境：

Ubuntu

• "@graphql-codegen/cli"："^1.13.1"，

• "@graphql-codegen/typescript"："^1.13.1"，

• "@graphql-codegen/typescript-operations"："^1.13.1"，

• "@graphql-codegen/typescript-react-apollo"："^1.13.1"，

• Yarn工作区

有问题的附加上下文错误：

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
* /home/dogchef/Development/workspace-library/packages/core/node_modules/react/cjs/react.development.js:1589:4 in resolveDispatcher
* /home/dogchef/Development/workspace-library/packages/core/node_modules/react/cjs/react.development.js:1597:29 in useContext
* http://192.168.1.2:19001/node_modules/expo/AppEntry.bundle?platform=android&dev=true&minify=false&hot=false:181621:41 in useBaseQuery
* /home/dogchef/Development/workspace-library/packages/core/node_modules/@apollo/react-hooks/lib/react-hooks.cjs.js:550:18 in useQuery
* http://192.168.1.2:19001/node_modules/expo/AppEntry.bundle?platform=android&dev=true&minify=false&hot=false:197883:37 in useArticlesQuery
* components/SidebarArticles.tsx:10:2 in SidebarArticles

Answer 1

我遇到了同样的问题。不过，使用useQuery是可行的。