conditionally render loading markup

Shopify · Mar 29, 2024 · 4a4b55f · 4a4b55f
1 parent 0c26884
commit 4a4b55f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/polaris-react/src/components/IndexTable/IndexTable.tsx b/polaris-react/src/components/IndexTable/IndexTable.tsx
@@ -548,7 +548,7 @@ function IndexTableBase({
     exitActive: styles['LoadingContainer-exit-active'],
   };
 
-  const loadingMarkup = (
+  const loadingMarkup = loading ? (
     <CSSTransition
       in={loading}
       classNames={loadingTransitionClassNames}
@@ -571,7 +571,7 @@ function IndexTableBase({
         </div>
       </div>
     </CSSTransition>
-  );
+  ) : null;
 
   const stickyTableClassNames = classNames(
     styles.StickyTable,