WordPress Gutenbergブロック開発で見出し編集中にEnterを押すと改行してしまう

WordPress Gutenbergブロック開発で見出しを追加できるようにしたいのですが
以下のコードで追加できるようにしても編集中にEnterを押すと次のブロックに遷移せずに
見出しの中で改行してしまいます。

おそらく改行しないようにするために必要な記述が抜けていると思うのですが
Block Editor Handbookを見ても足りないものが見つけられなかったため
ご存じの方がおられましたらご教授願います。
https://developer.wordpress.org/block-editor/

javascript
1(function(blocks, element, blockEditor) {
2  const el = element.createElement;
3  const RichText = blockEditor.RichText;
4
5  blocks.registerBlockType(
6    'my-blocks/h2-icon',
7    {
8      title: 'h2.icon',
9      icon: 'star-filled',
10      category: 'common',
11      attributes: {
12        text: {
13          type: 'string',
14          source: 'html',
15          selector: 'h2',
16        },
17        style: {
18          type: 'string',
19        }
20      },
21      edit(props) {
22        function onChangeContent( newContent ) {
23          props.setAttributes( { myContent: newContent } );
24        },
25        return el(
26          RichText,
27          {
28            tagName: 'h2',
29            className: 'icon',
30            onChange: onChangeContent,
31            value: props.attributes.myContent,
32          }
33        );
34      },
35      save(props) {
36        return el(
37          RichText.Content,
38          {
39            tagName: 'h2',
40            className: 'icon',
41            value: props.attributes.myContent,
42          }
43        );
44      },
45    }
46  );
47}(
48  window.wp.blocks,
49  window.wp.element,
50  window.wp.blockEditor
51));