diff --git a/src/components/ResourceItem/ResourceItem.vue b/src/components/ResourceItem/ResourceItem.vue
index b338356f..93e14799 100644
--- a/src/components/ResourceItem/ResourceItem.vue
+++ b/src/components/ResourceItem/ResourceItem.vue
@@ -244,7 +244,7 @@ const checkboxAccessibilityLabel = computed(() => {
   return props.name || props.accessibilityLabel || i18n.translate('Polaris.Common.checkbox');
 });
 
-const tabIndex = computed(() => loading ? -1 : 0);
+const tabIndex = computed(() => loading?.value ? -1 : 0);
 
 const ariaLabel = computed(() => {
   return props.accessibilityLabel ||
diff --git a/src/components/ResourceList/ResourceList.vue b/src/components/ResourceList/ResourceList.vue
index 57b9afc0..3bcb1caf 100644
--- a/src/components/ResourceList/ResourceList.vue
+++ b/src/components/ResourceList/ResourceList.vue
@@ -741,7 +741,7 @@ provide<ResourceListContextType>('resource-list-context', {
   selectedItems: selected,
   selectMode: selectMode,
   resourceName: props.resourceName,
-  loading: props.loading,
+  loading: computed(() => props.loading),
   hasBulkActions: Boolean(props.bulkActions),
   onSelectionChange: handleSelectionChange,
 });
diff --git a/src/utilities/types.ts b/src/utilities/types.ts
index 92167368..279f3f40 100644
--- a/src/utilities/types.ts
+++ b/src/utilities/types.ts
@@ -335,7 +335,7 @@ export interface ResourceListContextType {
     plural: string;
   };
   hasBulkActions?: boolean;
-  loading?: boolean;
+  loading?: ComputedRef<boolean>;
   onSelectionChange?(
     selected: boolean,
     id: string,