WIP

packages/block-editor/src/components/block-list/block-invalid-warning.native.js

@@ -2,13 +2,39 @@
  * WordPress dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { createBlock, rawHandler } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
  */
 import Warning from '../warning';
+import { store as blockEditorStore } from '../../store';
+
+export default function BlockInvalidWarning( { blockTitle, icon, clientId } ) {
+	const selector = ( select ) => {
+		const { getBlock } = select( blockEditorStore );
+		const block = getBlock( clientId );
+		return {
+			block,
+		};
+	};
+
+	const { block } = useSelect( selector, [ clientId ] );
+
+	const { name, attributes, innerBlocks } = block;
+
+	const { replaceBlock } = useDispatch( blockEditorStore );
+
+	replaceBlock(
+		block.clientId,
+		createBlock( name, attributes, innerBlocks )
+	);
+
+	//rawHandler( {
+	//	HTML: block.originalContent,
+	//} );
 
-export default function BlockInvalidWarning( { blockTitle, icon } ) {
 	const accessibilityLabel = sprintf(
 		/* translators: accessibility text for blocks with invalid content. %d: localized block title */
 		__( '%s block. This block has invalid content' ),

packages/block-editor/src/components/block-list/block.native.js

@@ -259,6 +259,7 @@ class BlockListBlock extends Component {
 							<BlockInvalidWarning
 								blockTitle={ title }
 								icon={ icon }
+								clientId={ clientId }
 							/>
 						) }
 						<View