From f39549ad1d9750fe3e124b579d6f9554c6192c40 Mon Sep 17 00:00:00 2001
From: Daniel Richards <daniel.richards@automattic.com>
Date: Fri, 3 Sep 2021 13:04:39 +0800
Subject: [PATCH] Wrap inner part of ListView with AsyncModeProvider

---
 packages/block-editor/src/components/list-view/branch.js | 1 -
 packages/block-editor/src/components/list-view/index.js  | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/list-view/branch.js b/packages/block-editor/src/components/list-view/branch.js
index 0e0a2c36c5b4b..e48f35f067166 100644
--- a/packages/block-editor/src/components/list-view/branch.js
+++ b/packages/block-editor/src/components/list-view/branch.js
@@ -8,7 +8,6 @@ import { map, compact } from 'lodash';
  */
 
 import { AsyncModeProvider } from '@wordpress/data';
-import { Fragment } from '@wordpress/element';
 
 /**
  * Internal dependencies
diff --git a/packages/block-editor/src/components/list-view/index.js b/packages/block-editor/src/components/list-view/index.js
index 715a074627ab4..4890561aeb93a 100644
--- a/packages/block-editor/src/components/list-view/index.js
+++ b/packages/block-editor/src/components/list-view/index.js
@@ -4,7 +4,7 @@
 
 import { useMergeRefs } from '@wordpress/compose';
 import { __experimentalTreeGrid as TreeGrid } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
+import { AsyncModeProvider, useDispatch } from '@wordpress/data';
 import {
 	useCallback,
 	useEffect,
@@ -131,7 +131,7 @@ function ListView(
 	);
 
 	return (
-		<>
+		<AsyncModeProvider value={ true }>
 			<ListViewDropIndicator
 				listViewRef={ elementRef }
 				blockDropTarget={ blockDropTarget }
@@ -152,7 +152,7 @@ function ListView(
 					/>
 				</ListViewContext.Provider>
 			</TreeGrid>
-		</>
+		</AsyncModeProvider>
 	);
 }
 export default forwardRef( ListView );