fixed rendering both light and heavy which consumes bandwidth

GoogleChromeLabs · Aug 17, 2019 · bd5afdc · bd5afdc
1 parent f3c898e
commit bd5afdc
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/cra-ua-aware-code-splitting/src/components/Product/index.js b/cra-ua-aware-code-splitting/src/components/Product/index.js
@@ -25,6 +25,10 @@ const Loading = <Fragment>Loading...</Fragment>;
 
 const Product = ({ ...rest }) => {
   const deviceClass = useDeviceClass();
+
+  // without this at first Light rendered regardless of deviceClass because the initial deviceClass is null
+  if (!deviceClass) return Loading;
+
   return (
     <LazyLoadingErrorBoundary>
       <Suspense fallback={Loading}>