fix: allow webpack cache is ready only for initial chunks, fixes greg…

…berge#558

src/createLoadable.js

@@ -2,6 +2,7 @@
 import React from 'react'
 import { invariant } from './util'
 import Context from './Context'
+import {loadable_shared} from "./shared";
 
 function resolveConstructor(ctor) {
   if (typeof ctor === 'function') {
@@ -82,7 +83,13 @@ function createLoadable({ resolve = identity, render, onLoad }) {
         // If module is already loaded, we use a synchronous loading
         // Only perform this synchronous loading if the component has not
         // been marked with no SSR, else we risk hydration mismatches
-        if (options.ssr !== false && ctor.isReady && ctor.isReady(props)) {
+        if (options.ssr !== false && (
+          // is ready - was loaded in this session
+          (ctor.isReady && ctor.isReady(props)) ||
+          // is ready - was loaded during SSR process
+          (ctor.chunkName && loadable_shared.initialChunks[ctor.chunkName(props)])
+          )
+        ) {
           this.loadSync()
         }
       }

src/loadableReady.js

@@ -2,6 +2,7 @@
 /* eslint-env browser */
 import { warn } from './util'
 import { getRequiredChunkKey } from './sharedInternals'
+import {loadable_shared} from "./shared";
 
 const BROWSER = typeof window !== 'undefined'
 
@@ -19,7 +20,8 @@ export default function loadableReady(
   if (BROWSER) {
     const dataElement = document.getElementById(getRequiredChunkKey(namespace))
     if (dataElement) {
-      requiredChunks = JSON.parse(dataElement.textContent)
+      requiredChunks = JSON.parse(dataElement.textContent);
+      requiredChunks.forEach(chunk => loadable_shared.initialChunks[chunk] = true);
     }
   }
 

src/shared.js

@@ -0,0 +1,3 @@
+export const loadable_shared = {
+  initialChunks: {}
+}