Symfony webpack encore

[Arrow38]

Hi , thanks for the amazing theme. I'm a newbie with react-js.
I'm trying to make it works with symfony webpack encore.
I'm using this config :

webpack.config.js :

.addLoader(
        {
            test: /\.m?js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
          plugins: ['@babel/plugin-proposal-object-rest-spread']
        }
    }
  }
)

test.js :

import React from 'react';
import ReactDOM from 'react-dom';
import Main from 'architectui-react-theme-free/src/DemoPages';

ReactDOM.render(
  <Main />,
  document.getElementById('app')
);