Чтобы убедиться, что хуки следуют установленным в проекте правилам, команда React предоставляет eslint-plugin-react-hooks — ESLint-плагин, специально разработанный для этого.
Установи плагин через npm:
npm install eslint-plugin-react-hooks@next
Добавь плагин в свой конфиг ESLint вот так:
{
"plugins": [
"react-hooks"
],
"rules": {
"react-hooks/rules-of-hooks": "error"
}
}
Плагин проверяет два критических правила хуков:
Установка правила в "error" гарантирует, что нарушения будут обнаружены во время разработки и не дадут смержить код
Этот плагин включён по умолчанию в Create React App, так что для CRA-проектов дополнительная настройка не требуется
Использование этого плагина помогает тебе:
Плагин eslint-plugin-react-hooks проверяет, что hooks вызываются только на верхнем уровне компонента и только из React функциональных компонентов или пользовательских hooks.
Новый — ещё не проверен сообществом
Вы