Gutenberg Log Deprecations

log.js

const { createElement: el, useState, useEffect } = React;
const PanelBody = wp.components.PanelBody;
const PluginSidebar = wp.editor.PluginSidebar;
const addAction = wp.hooks.addAction;
const registerPlugin = wp.plugins.registerPlugin;

function MyPluginSidebar() {
	const [ deprecations, setDeprecations ] = useState( [] );
	useEffect( () => {
		addAction(
			'deprecated',
			'myplugin/track-deprecations',
			( feature, options, message ) => {
				console.log( 'new deprecation' );
				setDeprecations( ( current ) => [
					...current,
					{ feature, options, message },
				] );
			}
		);
	}, [] );

	console.log( 'rerender', deprecations );

	return el(
		PluginSidebar,
		{
			name: 'my-sidebar',
			title: 'My deprecations',
			icon: 'smiley',
		},
		el(
			PanelBody,
			{},
			deprecations.map( ( deprecation, index ) => {
				return el(
					'p',
					{ key: index },
					el( 'strong', {}, deprecation.feature + ' : ' ),
					deprecation.message
				);
			} )
		)
	);
}

registerPlugin( 'myplugin', {
	render: MyPluginSidebar,
} );