diff --git a/.changeset/famous-gorillas-raise.md b/.changeset/famous-gorillas-raise.md
new file mode 100644
index 00000000000..a837eda2694
--- /dev/null
+++ b/.changeset/famous-gorillas-raise.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+[IndexTable] Conditionally render loading markup to fix loading component
diff --git a/polaris-react/src/components/IndexTable/IndexTable.tsx b/polaris-react/src/components/IndexTable/IndexTable.tsx
index 0010a282b60..44c8e5f98a1 100644
--- 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,