Wrap inner part of ListView with AsyncModeProvider

WordPress · Sep 3, 2021 · f39549a · f39549a
1 parent ae02bc2
commit f39549a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -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 );