diff --git a/packages/block-editor/src/components/block-list-appender/index.js b/packages/block-editor/src/components/block-list-appender/index.js
index 215fe23bae5257..35bf09bb89e669 100644
--- a/packages/block-editor/src/components/block-list-appender/index.js
+++ b/packages/block-editor/src/components/block-list-appender/index.js
@@ -21,17 +21,17 @@ function BlockListAppender( {
 	rootClientId,
 	canInsertDefaultBlock,
 	isLocked,
-	renderAppender,
+	renderAppender: CustomAppender,
 } ) {
 	if ( isLocked ) {
 		return null;
 	}
 
 	// A render prop has been provided, use it to render the appender.
-	if ( renderAppender ) {
+	if ( CustomAppender ) {
 		return (
 			<div className="block-list-appender">
-				{ renderAppender() }
+				<CustomAppender />
 			</div>
 		);
 	}
diff --git a/packages/block-library/src/group/edit.js b/packages/block-library/src/group/edit.js
index 4b06ec7945ccc8..f391a277a46bbb 100644
--- a/packages/block-library/src/group/edit.js
+++ b/packages/block-library/src/group/edit.js
@@ -17,8 +17,6 @@ import {
 	withColors,
 } from '@wordpress/block-editor';
 
-const renderAppender = () => <InnerBlocks.ButtonBlockAppender />;
-
 function GroupEdit( {
 	className,
 	setBackgroundColor,
@@ -49,7 +47,7 @@ function GroupEdit( {
 			</InspectorControls>
 			<div className={ classes } style={ styles }>
 				<InnerBlocks
-					renderAppender={ ! hasInnerBlocks && renderAppender }
+					renderAppender={ ! hasInnerBlocks && InnerBlocks.ButtonBlockAppender }
 				/>
 			</div>
 		</Fragment>