我的工作是制作一個 React UI 工具包/組件庫，供我們產(chǎn)品內(nèi)部使用。在 Storybook 上開發(fā)和顯示時一切正常。在從 create-react-app 開箱即用的通用項目中測試庫時，導(dǎo)入和實現(xiàn)沒有 React Hooks 的組件是沒問題的，但是一旦我們使用 Hooks 制作的組件 - Invalid Hook Call 錯誤顯示：https : //reactjs.org/warnings/invalid-hook-call-warning.html已經(jīng)嘗試了那里列出的所有內(nèi)容（并閱讀并嘗試了頁面上鏈接的 github 線程解決方案），并且該組件只是簡單地使用useRef()，沒有其他任何東西，所以我們知道沒有違反任何規(guī)則，React 和 React-dom 版本是最新的，并且正在運行npm ls react和npm ls react-dom在項目成果react@16.10.2和react-dom@16.10.2并沒有別的...所以看起來我們有多個陣營的不？任何幫助將非常感激??！這是 UI 套件的 package.json{    "name": "react-ui-kit",    "version": "0.0.15",    "description": "UI Kit",    "main": "dist/index",    "module": "dist/index",    "typings": "dist/index",    "jest": {        "setupFilesAfterEnv": [            "<rootDir>/setupTests.js"        ],        "coverageReporters": [            "json-summary",            "text",            "lcov"        ]    },    "scripts": {        "test": "jest --coverage",        "test:badges": "npm run test && jest-coverage-badges input './coverage/coverage-summary.json' output './badges'",        "test-update": "jest --updateSnapshot",        "lint:css": "stylelint './src/**/*.js'",        "storybook": "start-storybook -p 6006",        "build-storybook": "build-storybook -c .storybook -o .out",        "generate": "plop --plopfile ./.plop/plop.config.js",        "build": "webpack --mode production",        "prepare": "npm run build",        "prepublishOnly": "npm run test:badges",        "storybook-docs": "build-storybook --docs",        "todo": "leasot './src/**/*.js'",        "todo-ci": "leasot -x --reporter markdown './src/**/*.js' > TODO.md"    },    "license": "ISC",    "peerDependencies": {        "prop-types": "^15.7.2",        "react": "^16.9.0",        "react-dom": "^16.9.0",        "recharts": "^1.7.1",        "styled-components": "^4.3.2",        "styled-normalize": "^8.0.6"    },