retry when loading a chunk fails

react_lazy_retry.js

/* If the browser fails to download the module, it'll try again                                                                          
 * 5 times with a 1 second delay between each attempt. If                                                               
 * even after 5 tries it fails to import it, then an error is thrown.
 */

export function retry(fn, retriesLeft = 5, interval = 1000) {
  return new Promise((resolve, reject) => {
    fn()
      .then(resolve)
      .catch((error) => {
        setTimeout(() => {
          if (retriesLeft === 1) {
            // reject('maximum retries exceeded');
            reject(error);
            return;
          }

          // Passing on "reject" is the important part
          retry(fn, retriesLeft - 1, interval).then(resolve, reject);
        }, interval);
      });
  });
}

some_component.js

import { retry } from '../react_lazy_retry.js'

// Code split without retry login
const ProductList = lazy(() => import("./path/to/productlist"));

// Code split with retry login
const ProductList = lazy(() => retry(() => import("./path/to/productlist")));

// more component stuff