Can't import the named export 'parse' from non EcmaScript module (only default export is available)

Sucrase does not work with webpack

import sucrase from 'sucrase'

Webpack config

let webpack = require('webpack')

// CSS
let MiniCssExtractPlugin = require('mini-css-extract-plugin')
let autoprefixer = require('autoprefixer-stylus')

// Config
module.exports = {
	entry: './examples/app.js',
	resolve: {
		extensions: ['.js', '.styl']
	},
	module: {
		rules: [
			{
				test: /\.styl$/,
				use: [
					{
						loader: MiniCssExtractPlugin.loader,
						options: {
							hmr: true,
							reloadAll: true
						}
					},
					{
						loader: 'css-loader',
						options: {
							modules: false
						}
					},
					{
						loader: 'stylus-loader',
						options: {
							use: [autoprefixer()]
						}
					}
				],
			},
			{
				test: /\.js$/,
				exclude: /node_modules/,
				use: {
					loader: 'babel-loader',
					options: {
						presets: ['@babel/preset-env'],
						plugins: ['@babel/plugin-syntax-jsx', '@babel/plugin-transform-react-jsx']
					}
				}
			}
		],
	},
	plugins: [
		new MiniCssExtractPlugin({
			filename: '[name].css',
		}),
		new webpack.ProvidePlugin({
			ReactDOM: 'react-dom',
			React: 'react'
		})
	],
	devServer: {
		contentBase: './examples',
		historyApiFallback: true,
		inline: true,
		hot: true,
		port: 80
	}
}

[DominicTobias]

I made a fork which works for CRA, Gatsby etc - yarn add sucrase-browser

[velikayikci]

https://github.com/reactioncommerce/reaction-component-library/issues/399#issuecomment-467860022