Как исправить ошибки eslint при использовании контекста React (потребитель-провайдер)?

Question

Я использую React Context API с включенной ESLint и некоторыми проблемами, устраняющими проблемы ESLint.

Поставщик:

 return (
      <AuthorizationContext.Provider
        value={{ isAuthorized: this.state.isAuthorized }}
      >
        {this.props.children}
      </AuthorizationContext.Provider>

Проблема: Отчеты ESLint Parsing error: Unexpected token . для <AuthorizationContext.Provider>

Потребитель:

 <AuthorizationConsumer>
        {({ isAuthorized}) => {
          return (
             // some code here
          )
        }}
      </AuthorizationConsumer>

Проблема: Отчеты ESLintParsing error: Unexpected token { для {({ isAuthorized}) => {

Конфигурация ESLint .

Answer 1

С вашей конфигурацией у меня нет ошибки: https://codesandbox.io/s/j2km74l0y9

Но я получаю ту же ошибку, когда <AuthorizationContext.Provider> не находится внутри функции или когда код недействителен. Может быть, проверьте ваш компонент.