@@ -1,4 +1,14 @@
 {
-"presets": [["env", { "targets": { "node": true } }], "stage-3", "react"],
-"plugins": ["transform-class-properties"]
+"presets": [
+[
+"@babel/preset-env",
+{
+"loose": true
+}
+],
+"@babel/preset-react"
+],
+"plugins": [
+"@babel/plugin-proposal-class-properties"
+]
 }

@@ -1,9 +1,8 @@
-const uglify = require('rollup-plugin-uglify')
-const packageJson = require('./package.json')
-
-const baseConfig = require('./rollup.config.js')
+import { uglify } from 'rollup-plugin-uglify'
+import packageJson from './package.json'
+import baseConfig from './rollup.config'
 
 baseConfig.plugins.push(uglify())
 baseConfig.output.file = `dist/${packageJson.name}.min.js`
 
-module.exports = baseConfig
+export default baseConfig

@@ -1,10 +1,10 @@
-const babel = require('rollup-plugin-babel')
-const changeCase = require('change-case')
-const packageJson = require('./package.json')
+import babel from 'rollup-plugin-babel'
+import changeCase from 'change-case'
+import packageJson from './package.json'
 
 process.env.BABEL_ENV = 'production'
 
-module.exports = {
+export default {
 external: ['react', 'prop-types'],
 input: 'src/index.js',
 output: {
@@ -15,12 +15,5 @@ module.exports = {
 .titleCase(packageJson.name.replace(/-/g, ' '))
 .replace(/ /g, ''),
 },
-plugins: [
-babel({
-babelrc: false,
-exclude: 'node_modules/**',
-presets: [['env', { modules: false }], 'stage-3', 'react'],
-plugins: ['transform-class-properties', 'external-helpers'],
-}),
-],
+plugins: [babel()],
 }

@@ -20,7 +20,9 @@ export default function asyncComponent(config) {
 const env =
 ['node', 'browser'].indexOf(config.env) > -1
 ? config.env
-: typeof window === 'undefined' ? 'node' : 'browser'
+: typeof window === 'undefined'
+? 'node'
+: 'browser'
 
 const state = {
 // A unique id we will assign to our async component which is especially