Стрелочные функции в классе выдают ошибку с помощью webpack-encore

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

Я использую webpack-бис с моим проектом Symfony для компиляции моего проекта реагировать. До сих пор я использовал базовую настройку webpack.config.js, которая должна работать из коробки с реакцией при включении:

// webpack.config.js
// ...

Encore
    // ...
    .enableReactPreset()
;

Что я пробовал:

Я пошел дальше и добавил конфигурации babel (которые, как мне кажется, не нужны) в надежде, что это решит проблему, но этого не произошло:

.configureBabel(function(babelConfig) {
        // add additional presets
        babelConfig.presets.push('es2017');
    })

Пример кода:

Вот пример того, что должно работать, но он не компилируется и выдает следующую ошибку:

Syntax Error: Unexpected token

import React, {Component} from 'react';

//This works
const someExteriorHandler = () => {};

export default class Example extends Component {
   //error bad syntax, points specifically at the equal sign.
   someHandler = () => {

   }
   render(){return(<h1>This is a test</h1>)}
}

Вопрос

Как мне заставить компилятор babel в webpack-бис компилировать стрелочные функции в классах javascript?