fix: correct global tracker mutation

src/loadable/marks.ts

@@ -39,19 +39,19 @@ export const drainHydrateMarks = (stream: Stream = defaultStream) => {
 
 /**
  * Loads a given marks/chunks
+ * @see returns a promise for a given marks only. In order to await all requests currently in flight use {@link waitForMarks}
  * @param marks
  * @returns a resolution promise
  */
 export const rehydrateMarks = (marks?: string[]) => {
   const rehydratedMarks: string[] = marks || (global as any).___REACT_DEFERRED_COMPONENT_MARKS || [];
-  const tasks: Array<Promise<any>> = [];
 
   const usedMarks = new Set<string>();
 
   LOADABLE_MARKS.forEach(({ mark, loadable }) => {
     if (markerOverlap(mark, rehydratedMarks)) {
       mark.forEach(m => usedMarks.add(m));
-      tasks.push(loadable.load());
+      loadable.load();
     }
   });
 
@@ -63,7 +63,7 @@ export const rehydrateMarks = (marks?: string[]) => {
     }
   });
 
-  return Promise.all(tasks);
+  return waitForMarks(rehydratedMarks);
 };
 
 /**

src/trackers/globalTracker.ts

@@ -1,5 +1,18 @@
 import { rehydrateMarks } from '../loadable/marks';
 
+/**
+ * injects a loadable tracker on a given global variable name.
+ *
+ * WARNING: mutates the origin variable!
+ *
+ * @param name = 'importedComponents`
+ * @example
+ * ```js
+ * window.importedMarks = window.importedMarks || [];
+ * importedMarks.push(hydratedMarks[0]);
+ * ///
+ * injectLoadableTracker();
+ */
 export const injectLoadableTracker = (name: string = 'importedComponents') => {
   const value = (global as any)[name] as string[][];
   if (value) {