Switch to using innerblocks

packages/block-library/src/pattern/edit.js

@@ -1,23 +1,21 @@
 /**
  * WordPress dependencies
  */
-import { useSelect } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import {
 	store as blockEditorStore,
-	BlockList,
-	BlockEditorProvider,
+	InnerBlocks,
 } from '@wordpress/block-editor';
 
-const PatternEdit = ( { attributes } ) => {
+const PatternEdit = ( { attributes, clientId } ) => {
 	const selectedPattern = useSelect( ( select ) =>
-		select( blockEditorStore ).__experimentalGetParsedPattern( attributes.slug )
-	);
-
-	return (
-		<BlockEditorProvider value={ selectedPattern.blocks }>
-			<BlockList />
-		</BlockEditorProvider>
+		select( blockEditorStore ).__experimentalGetParsedPattern(
+			attributes.slug
+		)
 	);
+	const { replaceInnerBlocks } = useDispatch( blockEditorStore );
+	replaceInnerBlocks( clientId, selectedPattern.blocks );
+	return <InnerBlocks />;
 };
 
 export default PatternEdit;

packages/block-library/src/pattern/index.js

@@ -1,3 +1,8 @@
+/**
+ * WordPress dependencies
+ */
+import { InnerBlocks } from '@wordpress/block-editor';
+
 /**
  * Internal dependencies
  */
@@ -9,4 +14,7 @@ export { metadata, name };
 
 export const settings = {
 	edit: PatternEdit,
+	save: () => {
+		return <InnerBlocks.Content />;
+	},
 };