React-хуки внутри функции карри (создавая HO C), возвращающие ошибку от linter 'React Hook' useContext 'не может быть вызван внутри обратного вызова'

Question

В моем проекте я избавился от классов и просто использую крючки. Теперь, когда я пытаюсь создать HO C, мой линтер возвращает ошибку для использования хуков внутри моей функции карри. Это упрощенная версия моего кода:

const myCurryFunction = WrappedComponent => props => {
  const [state, setState] = React.useState();
  return <WrappedComponent {...props} />
}

И вот полная ошибка eslint:

React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function.

Любая подсказка? Буду очень признателен за любой совет

Answer 1

Два варианта для вас.

1. Соблюдайте правила хуков , внесите изменения в ваш код.

   const myCurryFunction = WrappedComponent => function Comp (props) {const [state, setState] = React.useState (); return}

2. Отключить пух для исходного файла.