Summary

As a follow up of PLANET-6958 we should migrate the current Block as an InnerBlock.

Why?

Because we are about to remove the multiline prop within the RichText component, and according to the React Official Documentation, they suggest to use InnerBlocks instead.

wp.blockEditor.RichText multiline prop is deprecated since version 6.1 and will be removed in version 6.3. Please use nested blocks (InnerBlocks) instead.

Heads up!

• Unfortunately, there is no official documentation about the migration. Actually, there is no documentation at all (official and not official).
• The most challenging part on this is to find the best way to deal with the <InspectorControls/> and the <InnerBlocks /> both together, and modifying the template on demand. For instance, there are some cases where we need to add extra features like columns, tabs, buttons, among others.

Resources

• Nested blocks with inner blocks
• https://github.com/WordPress/gutenberg/discussions/47395
• https://github.com/WordPress/gutenberg/pull/43613/files