Testing block with notice in placeholder

testing-block.js

/**
 * WordPress dependencies
 */
import { Placeholder, withNotices } from '@wordpress/components';
import { useEffect } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { resizeCornerNE as icon } from '@wordpress/icons';

const Edit = withNotices( ( { noticeOperations, noticeUI } ) => {
	useEffect( () => {
		noticeOperations.createErrorNotice( "I'm surrounded by errors!" );
	}, [] );

	return (
		<Placeholder notices={ noticeUI }>
			<p>nothing to see here</p>
		</Placeholder>
	);
} );

export const name = 'core/testing';

export const metadata = { category: 'layout' };

export const settings = {
	title: __( 'Testing' ),
	description: __( 'just does testing' ),
	icon,
	edit() {
		return <Edit />;
	},
	save() {
		return <p />;
	},
};