avoid re-creating Fallback and LazyComponent in asyncComponentLoader

suren-atoyan · Dec 11, 2020 · eb9ef72 · eb9ef72
1 parent 4561d76
commit eb9ef72
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/utils/asyncComponentLoader/loader.js b/src/utils/asyncComponentLoader/loader.js
@@ -104,17 +104,17 @@ function asyncComponentLoader(
   FallbackWaiting,
   FallbackFail,
 ) {
-  return function AsyncComponent(props) {
-    const Fallback = loaderOptions.delay
-      ? getDelayedFallback(FallbackWaiting, loaderOptions.delay)
-      : FallbackWaiting;
-
-    const LazyComponent = getLazyComponent(
-      loadComponent,
-      loaderOptions,
-      FallbackFail,
-    );
+  const Fallback = loaderOptions.delay
+    ? getDelayedFallback(FallbackWaiting, loaderOptions.delay)
+    : FallbackWaiting;
 
+  const LazyComponent = getLazyComponent(
+    loadComponent,
+    loaderOptions,
+    FallbackFail,
+  );
+
+  return function AsyncComponent(props) {
     return (
       <Suspense fallback={<Fallback />}>
         <LazyComponent {...props} />