Reusable blocks preview not working.

[youknowriad]

The preview that shows when you hover reusable blocks in the inserter has regressed. It shows:

I tried debugging quickly. I think the issue comes from the fact that we use an embedded editor (separate blocks store) but we don't load the content of the reusable blocks in the sub reducer.

Potential solutions

• Refactor the reusable blocks to use an embedded editor (There's some PRs in progress)
• try to load the reusable blocks in the BlockEditorProvider used for the preview.

Questions

This used to work, so I'm curious when it regressed and what's the "hack" that allowed it to work previously.

cc @aduth @jorgefilipecosta

[aduth]

I'm having trouble with my local environment when running Gutenberg at older commits, but I wonder if it might have something to do with #14678, and the fact that the blocks store for the reusable blocks preview would now be separate from the top-level?

gutenberg/packages/block-editor/src/components/block-preview/index.js

Lines 35 to 40 in 87d5d5a

	<BlockEditorProvider
	value={ [ block ] }
	settings={ settings }
	>
	<BlockList />
	</BlockEditorProvider>

Maybe simple enough to useSubRegistry={ false } ?

[aduth]

I'm not able to reproduce the issue in master, however? Are you sure there's not an error with your specific reusable blocks?

[youknowriad]

Interesting, we were two people reproducing the error with @getdave I might have to check again tomorrow.

[marekhrabe]

I've been definitely seeing it for weeks in previews. I'm using the docker setup from Gutenberg and my reusable blocks work well when inserted. It's just the preview that's faulty

[youknowriad]

It was introduced by #16808