Add AsyncModeProvider to speed up the persistent list view

WordPress · Mar 18, 2021 · 68ebe35 · 68ebe35
1 parent 44df848
commit 68ebe35
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/packages/edit-site/src/components/secondary-sidebar/list-view-sidebar.js b/packages/edit-site/src/components/secondary-sidebar/list-view-sidebar.js
@@ -12,7 +12,7 @@ import {
 	useInstanceId,
 	useMergeRefs,
 } from '@wordpress/compose';
-import { useDispatch, useSelect } from '@wordpress/data';
+import { AsyncModeProvider, useDispatch, useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import { closeSmall } from '@wordpress/icons';
 import { ESCAPE } from '@wordpress/keycodes';
@@ -71,13 +71,15 @@ export default function ListViewSidebar() {
 				className="edit-site-editor__list-view-panel-content"
 				ref={ useMergeRefs( [ focusReturnRef, focusOnMountRef ] ) }
 			>
-				<BlockNavigationTree
-					blocks={ clientIdsTree }
-					selectBlock={ selectEditorBlock }
-					selectedBlockClientId={ selectedBlockClientId }
-					showNestedBlocks
-					__experimentalPersistentListViewFeatures
-				/>
+				<AsyncModeProvider value="true">
+					<BlockNavigationTree
+						blocks={ clientIdsTree }
+						selectBlock={ selectEditorBlock }
+						selectedBlockClientId={ selectedBlockClientId }
+						showNestedBlocks
+						__experimentalPersistentListViewFeatures
+					/>
+				</AsyncModeProvider>
 			</div>
 		</div>
 	);