Неожиданный токен '=' в классе JavaScript

Question

В настоящее время я не понимаю, почему я получаю неожиданную ошибку токена '=' на равных справа от auth.Если я добавлю его в конструктор, эта конкретная ошибка исчезнет, ​​и я получу ту же ошибку на checkAuth.Самая тревожная часть всего этого - то, что он отлично работает в другой моей кодовой базе.Ошибка возникает только после того, как я ее переместил.Я попытался перезапустить веб-пакет, удалить код и набрать его вручную, воссоздав файл.Ничего не работает, и я потерялся.

class AuthenticationCheck extends Component {

    auth = new AuthService();
         ^ `Unexpected token`
    checkAuth = () => {
      if (!this.auth.loggedIn()) {
        if (reload) {
          this.props.history.push('/login');
        }
      }

      return <ComposedClass auth={this.auth} />;
    };

Мой .babelrc

{
  "presets": ["babel-preset-env", "react"],
  "plugins": [
    [
      "react-css-modules",
      {
        "filetypes": {
          ".scss": {
            "syntax": "postcss-scss"
          }
        },
        "webpackHotModuleReloading": true
      }
    ],
    ["transform-class-properties", { "spec": true }]
  ]
}