Gutenberg InnerBlock with renderAppender

InnerBlock-renderAppender-block.jsx

const {TextControl, IconButton} = wp.components;
const {InnerBlocks} = wp.editor;
const {__} = wp.i18n;
const {dispatch} = wp.data;
const {createBlock, registerBlockType} = wp.blocks;

registerBlockType('prefix/container', {
	title: 'Container',
	icon: 'category',
	category: 'category',
	edit(props):  {
		return (
			<div className="b-container">
				<InnerBlocks
					allowedBlocks={['prefix/myblock']}
					template={[['prefix/myblock']]}
					renderAppender={() => (
						<IconButton icon="plus" className="button b-hellotab__append-tab" onClick={() => {
							dispatch('core/block-editor').insertBlocks(createBlock('prefix/myblock'), 9999, this.props.clientId);
						}}>
							{__('Add Block')}
						</IconButton>
					)}
				/>
			</div>
		);
	},
	save(props) {
		return (
			<div className="b-container">
				<InnerBlocks.Content/>
			</div>
		);
	},
});

At the moment you have to use the Gutenberg Plugin instead of the Core Implementation because custom renderAppender is not yet in core.

Thanks🙏️, man you are such a lifesaver!