reactjs - react 无效的钩子(Hook)调用错误和故事书6

Question

我所有的钩子(Hook)都会导致无效的钩子(Hook)调用错误，这是在使用 npx sb init 安装故事书后发生的

import React from 'react'
import { useSectionsQuery } from "../../graphql/generated";
          
export const Home: React.FC = () => {
  const { data } = useSectionsQuery();
            
  return (
    <div className="bg-gray-200">
                  
    
      <div style={{ backgroundColor: "#4267B2" }} className="grid grid-rows-1">
        <div className="flex justify-center">
          {data?.sectionMany.map((section: any) => {
            return <Card {...section} />;
          })}
        </div>
      </div>
    </div>
  )
}

Answer 1

The solution for me:

我已经从我的 package.json 中删除了所有故事书依赖项；

我已经删除了 yarn.lock 文件和 node_modules 文件夹；

我已将 package.json 上的 react 和 react-dom 版本锁定为
16.13.1；

我在 package.json 中添加了以下分辨率:

  "resolutions": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  }

我已经从我的 workspaces.nohoist 中删除了 react 依赖项
包.json；

我已经使用 npx sb init 从零开始安装 Storybook。

来自开发者的引用

@eric-burel we're revamping a bunch of this stuff in 6.1, like #11628 and also removing the webpack DLLs which also cause lots of dependency sensitivity

阅读更多 here