Seems can't parse JSX syntax

Seems the webpack can’t parse JSX syntax. On a minimalist example I get following error in JS console:

index.js:1 Uncaught Error: Module parse failed: Unexpected token (45:2)
You may need an appropriate loader to handle this file type.
| 
| render(
>   <Playroom
|     themes={themes}
|     components={components}
    at eval (index.js:1)
    at Object../node_modules/playroom/src/index.js (main.js:96)
    at __webpack_require__ (main.js:20)
    at main.js:84
    at main.js:87

[markdalgleish]

FYI, as of v0.5.0, you no longer need to apply webpack config like @pascalduez’s example. If custom webpack config isn’t provided, your project code is now run through Babel + preset-env + preset-react.

[pascalduez]

@dburles Something in this vein should do it.

webpackConfig: () => ({
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: [
                ['@babel/preset-env', { modules: false }],
                '@babel/preset-react'
              ],
            },
          },
        ],
      },
    ],
  },
})