diff --git a/src/loadable.js b/src/loadable.js
index c41776283..ddc77958e 100644
--- a/src/loadable.js
+++ b/src/loadable.js
@@ -49,7 +49,7 @@ function loadable(
       this.state = {
         Component: LoadableComponent.Component,
         error: null,
-        loading: true,
+        loading: !LoadableComponent.Component,
       }
       this.mounted = false
       this.loadingPromise = null
diff --git a/src/loadable.test.js b/src/loadable.test.js
index d625003bb..21678cec0 100644
--- a/src/loadable.test.js
+++ b/src/loadable.test.js
@@ -41,6 +41,7 @@ describe('#loadable', () => {
     await Loadable.load()
     const wrapper = mount(<Loadable />)
     expect(wrapper.contains(<Dummy />)).toBe(true)
+    expect(wrapper.state().loading).toBe(false)
   })
 
   it('should do nothing if component is not mounted', async () => {