Parsing patterns when idling (performance follow-up for inserting patterns into containers)

packages/block-editor/src/components/block-list/index.js

@@ -19,6 +19,7 @@ import useInsertionPoint from './insertion-point';
 import BlockPopover from './block-popover';
 import { store as blockEditorStore } from '../../store';
 import { useScrollSelectionIntoView } from '../selection-scroll-into-view';
+import { usePreParsePatterns } from '../../utils/pre-parse-patterns';
 
 export const BlockNodes = createContext();
 export const SetBlockNodes = createContext();
@@ -28,6 +29,7 @@ export default function BlockList( { className } ) {
 	const [ blockNodes, setBlockNodes ] = useState( {} );
 	const insertionPoint = useInsertionPoint( ref );
 	useScrollSelectionIntoView( ref );
+	usePreParsePatterns();
 
 	return (
 		<BlockNodes.Provider value={ blockNodes }>

packages/block-editor/src/utils/index.js

@@ -1,4 +1,3 @@
 export { default as transformStyles } from './transform-styles';
 export * from './theme';
 export * from './block-variation-transforms';
-export { usePreParsePatterns as __experimentalPreParsePatterns } from './pre-parse-patterns';

packages/block-editor/src/utils/pre-parse-patterns.js

@@ -28,12 +28,13 @@ const cancelIdleCallback = ( () => {
 } )();
 
 export function usePreParsePatterns() {
-	const patterns = useSelect(
-		( _select ) =>
-			_select( blockEditorStore ).getSettings()
-				.__experimentalBlockPatterns,
-		[]
-	);
+	const patterns =
+		useSelect(
+			( _select ) =>
+				_select( blockEditorStore ).getSettings()
+					.__experimentalBlockPatterns,
+			[]
+		) || [];
 
 	useEffect( () => {
 		if ( ! patterns?.length ) {
@@ -65,7 +66,7 @@ export function usePreParsePatterns() {
 
 		handle = requestIdleCallback( callback );
 		return () => cancelIdleCallback( handle );
-	}, [ patterns ] );
+	}, patterns );
 
 	return null;
 }

packages/edit-post/src/editor.js

@@ -19,7 +19,6 @@ import {
 	SlotFillProvider,
 	__unstableDropZoneContextProvider as DropZoneContextProvider,
 } from '@wordpress/components';
-import { __experimentalPreParsePatterns as usePreParsePatterns } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
@@ -167,8 +166,6 @@ function Editor( {
 		return hasThemeStyles ? settings.styles : settings.defaultEditorStyles;
 	}, [ settings, hasThemeStyles ] );
 
-	usePreParsePatterns();
-
 	if ( ! post ) {
 		return null;
 	}

packages/edit-site/src/components/editor/index.js

@@ -10,11 +10,7 @@ import {
 	Button,
 } from '@wordpress/components';
 import { EntityProvider } from '@wordpress/core-data';
-import {
-	BlockContextProvider,
-	BlockBreadcrumb,
-	__experimentalPreParsePatterns as usePreParsePatterns,
-} from '@wordpress/block-editor';
+import { BlockContextProvider, BlockBreadcrumb } from '@wordpress/block-editor';
 import {
 	FullscreenMode,
 	InterfaceSkeleton,
@@ -151,8 +147,6 @@ function Editor( { initialSettings } ) {
 		}
 	}, [ isNavigationOpen ] );
 
-	usePreParsePatterns();
-
 	// Don't render the Editor until the settings are set and loaded
 	if ( ! settings?.siteUrl ) {
 		return null;