ブロックエディタGutenbergのプラグインについて

Gutenbergの開発の勉強を行っています。
JSXを用いて、プラグインにカスタムブロックを追加して試しているのですが、ページの編集画面でregisterBlockType関数のstylesで選択した内容がページの編集画面でリアルタイムで反映されません。
公開したページには反映されています。
以下がコードになります。

import './style.editor.scss';
import { __ } from '@wordpress/i18n';
import { registerBlockType } from '@wordpress/blocks';
import { RichText, useBlockProps, InspectorControls } from '@wordpress/block-editor'

registerBlockType('broth-blocks/simple-text-block', {
  title: __('text block', 'broth-blocks'),
  icon: 'welcome-write-blog',
  category: 'broth-blocks',
  description: '勉強中のブロックです。',
  attributes: {
    myContent: {
      type: 'string',
      default: ''
    },
  },
  styles: [
    {
      name: 'default',
      label: '角丸',
      isDefault: true
    },
    {
      name: 'squared',
      label: '角丸なし'
    },
  ],
  edit: (props) => {
    const { attributes: { myContent }, setAttributes } = props;
    return (
      <div {...useBlockProps()} className="my-block-test">
        <InspectorControls />
        <RichText
          value={myContent}
          onChange={(newContent) => setAttributes({ myContent: newContent })}
          tagName='ol'
          multiline='li'
        />
      </div>
    )
  },
  save: (props) => {
    const { attributes: { myContent } } = props;
    return (
      <div className="my-block-test">
        <RichText.Content
          value={myContent}
          tagName='ol'
        />
      </div>
    )
  }
})