block-editor

TextControl is from wp.components not wp.blocks. const { registerBlockType, RichText, AlignmentToolbar, BlockControls, InspectorControls, } = wp.blocks; const { TextControl } = wp.components; Changing that I was able to get your block to work fine instead of error in Gutenberg 2.2.0.

The block id is saved in the clientId field. It’s regenerated at each save of the post and is only available in props in the edit function. In order to use this field as unique id in the save function, it needs to be saved as attribute in the edit section. It will be then … Read more

<InspectorControls> <PanelBody title={ __( ‘Settings One’ ) }> </PanelBody> <PanelBody title={ __( ‘Settings Two’ ) }> </PanelBody> <PanelBody title={ __( ‘Settings Three’ ) > </PanelBody> </InspectorControls> If you insert multiple Panelbody like I did in above code. You will have multiple inspector controls with first one being ope by default. Change the panelbody accordingly to … Read more

Not tested. I just was browsing looking for something else. But I would try something like this: onReplace: function() { var myID = props.clientId; wp.data.dispatch(‘core/block-editor’).removeBlock(myID); }

Add additional classes to gutenberg .editor-styles-wrapper

I think your onChange function needs to pass the value, like onChange={(value) => updateUrl(value)}