Comment Template: Move inner blocks container to separate components (#…

…36174) Inspired by #35945 from @andrewserong.
WordPress · Nov 3, 2021 · 44533df · 44533df
1 parent f871c50
commit 44533df
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/block-library/src/comment-template/edit.js b/packages/block-library/src/comment-template/edit.js
@@ -20,11 +20,15 @@ const TEMPLATE = [
 	[ 'core/post-comment-content' ],
 ];
 
+function CommentTemplateInnerBlocks() {
+	const innerBlocksProps = useInnerBlocksProps( {}, { template: TEMPLATE } );
+	return <li { ...innerBlocksProps } />;
+}
+
 export default function CommentTemplateEdit( {
 	clientId,
 	context: { postId, queryPerPage },
 } ) {
-	const innerBlocksProps = useInnerBlocksProps( {}, { template: TEMPLATE } );
 	const blockProps = useBlockProps();
 
 	const [ activeBlockContext, setActiveBlockContext ] = useState();
@@ -74,7 +78,7 @@ export default function CommentTemplateEdit( {
 					>
 						{ blockContext ===
 						( activeBlockContext || blockContexts[ 0 ] ) ? (
-							<li { ...innerBlocksProps } />
+							<CommentTemplateInnerBlocks />
 						) : (
 							<li>
 								<BlockPreview