Updated below things including UNSAFE_componentWillMount warning

.flowconfig

@@ -1,5 +1,5 @@
 [ignore]
-<PROJECT_ROOT>/node_modules/chalk/.*
+.*/node_modules/chalk/.*
 
 [include]
 

.travis.yml

@@ -1,8 +1,7 @@
 language: node_js
 node_js:
-  - '4'
-  - '6'
   - '8'
   - '10'
-cache: yarn
+cache:
+  yarn: false
 script: yarn test -- --runInBand --coverage && yarn flow

__tests__/test.js

@@ -1,6 +1,5 @@
 'use strict';
 
-const path = require('path');
 const React = require('react');
 const renderer = require('react-test-renderer');
 const Loadable = require('../src');
@@ -34,7 +33,7 @@ function MyComponent(props) {
 afterEach(async () => {
   try {
     await Loadable.preloadAll();
-  } catch (err) {}
+  } catch (err) { }
 });
 
 test('loading success', async () => {
@@ -140,7 +139,7 @@ test('render', async () => {
     loader: createLoader(400, () => ({ MyComponent })),
     loading: MyLoadingComponent,
     render(loaded, props) {
-      return <loaded.MyComponent {...props}/>;
+      return <loaded.MyComponent {...props} />;
     }
   });
   let component = renderer.create(<LoadableMyComponent prop="baz" />);
@@ -161,8 +160,8 @@ test('loadable map success', async () => {
     render(loaded, props) {
       return (
         <div>
-          <loaded.a.MyComponent {...props}/>
-          <loaded.b.MyComponent {...props}/>
+          <loaded.a.MyComponent {...props} />
+          <loaded.b.MyComponent {...props} />
         </div>
       );
     }
@@ -186,8 +185,8 @@ test('loadable map error', async () => {
     render(loaded, props) {
       return (
         <div>
-          <loaded.a.MyComponent {...props}/>
-          <loaded.b.MyComponent {...props}/>
+          <loaded.a.MyComponent {...props} />
+          <loaded.b.MyComponent {...props} />
         </div>
       );
     }
@@ -272,9 +271,9 @@ describe('preloadReady', () => {
       delay: 0,
       timeout: 200,
     });
-  
+
     let loadingComponent = renderer.create(<LoadableMyComponent prop="foo" />);
-  
+
     expect(loadingComponent.toJSON()).toMatchSnapshot(); // loading
   });
 });

example/components/App.js

@@ -1,14 +1,12 @@
 import React from 'react';
 import Loadable from 'react-loadable';
 import Loading from './Loading';
-import delay from '../utils/delay';
-import path from 'path';
 
 const LoadableExample = Loadable({
   loader: () => import('./Example'),
   loading: Loading,
 });
 
 export default function App() {
-  return <LoadableExample/>;
+  return <LoadableExample />;
 }

example/components/Example.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import Loadable from 'react-loadable';
 import Loading from './Loading';
-import delay from '../utils/delay';
-import path from 'path';
 
 const LoadableNested = Loadable({
   loader: () => import('./ExampleNested'),
@@ -13,7 +11,7 @@ export default function Example() {
   return (
     <div>
       <h1>Hello from a loadable component</h1>
-      <LoadableNested/>
+      <LoadableNested />
     </div>
   );
 }

src/index.js

@@ -158,7 +158,7 @@ function createLoadableComponent(loadFn, options) {
       return init();
     }
 
-    componentWillMount() {
+    UNSAFE_componentWillMount() {
       this._mounted = true;
       this._loadModule();
     }