Post Title: deleting the block crashes the parent group block

[vindl]

Steps to reproduce:

1. Open the Site Editor on a test site that has TT1 Blocks theme active.
2. Open the page template from the browsing sidebar.
3. Select the Post Title block and press delete.
4. Notice that the containing group block crashes and display "This block has encountered an error and cannot be previewed." error message.

Before:

After:

[JustinyAhin]

I've tried to reproduce this, but I can not.

When I press delete on the post title, it rather deletes the characters in the title.

My setup:
WordPress 5.8-alpha-50761
Gutenberg 10.5.3 only activated
TT1 blocks

macOS 11.1
Firefox Developer Edition 89.0b6

CleanShot.2021-05-03.at.10.19.09.mp4

[devfle]

I can confirm it. Steps to reproduce:

1. Add group block to your site
2. Insert a random block inside it e.g. shortcode
3. Save / publish the page and reload it
4. select the block inside the group block
5. press backspace and delete it.

The group block crashes an the console fires some exceptions e.g. "Uncaught Error: An error occurred while running 'mapSelect': Cannot read property 'title' of undefined"

[JustinyAhin]

I can confirm it. Steps to reproduce:

1. Add group block to your site

2. Insert a random block inside it e.g. shortcode

3. Save / publish the page and reload it

4. select the block inside the group block

5. press backspace and delete it.

The group block crashes an the console fires some exceptions e.g. "Uncaught Error: An error occurred while running 'mapSelect': Cannot read property 'title' of undefined"

I'll give a look again. I've likely not reproduced correctly

[bbertucc]

I found this same issue when deleting a block in the footer while using Site Editor. The block was the only block in the footer. When deleting it, this popped up..

[david-szabo97]

UPDATE: After some extensive investigation, it looks like this problem occurs in any container blocks.

Error is happening in useBlockProps, at different points usually. But mostly it happens at

gutenberg/packages/block-editor/src/components/block-list/use-block-props/index.js

Line 96 in 6d977df

blockTitle: getBlockType( blockName ).title,

The block is still being rendered after it's deleted. The useSelect on line 72 is called because the store state changes so it runs again and crashes the block because the block state doesn't exist anymore in the store state.

I couldn't figure out why but using the "Remove block" option from the dropdown doesn't cause any crashes. So it's tied to the backspace keyboard shortcut in some way 🤔

Investigating further....

[leutrimhusaj]

I think after merge of #32088 this could be closed.