Реагировать компонент с крючками в качестве модуля npm

Question

Когда я пытаюсь использовать React Hooks в модуле, который я использую в качестве зависимости, это сбой. Я получаю следующую ошибку:

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:

Но если я использую компонент на основе классов, это нормально. Почему это может произойти?

Вот выдержка из моего package.json

{
  "main": "dist/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "./node_modules/.bin/babel src -d dist",
    "prepublish": "npm run build"
  },
  "peerDependencies": {
    "react": "^16.10.2",
    "react-router-dom": "^5.1.2"
  },
  "devDependencies": {
    "axios": "^0.19.0",
    "jwt-decode": "^2.2.0",
    "qs": "^6.9.0",
    "@babel/cli": "^7.6.4",
    "@babel/core": "^7.6.4",
    "@babel/preset-env": "^7.6.3",
    "@babel/preset-react": "^7.6.3"
  }
}

Вот компонент:

const Test = () => {
  const [state, setState] = React.useState('test')
  return <div>{state}</div>
}

Answer 1

Возможно, вы пытаетесь использовать useState , а не useEffect :

const Test = () => {
  const [state, setState] = React.useState('test')
  return (<div>{state}</div>)
 }