ブロックタイプの変更（入れ替え）の実装について

お世話になります。ご質問させて下さい。どなたかご回答頂けましたら大変嬉く思います。

「最初Aブロックでやっていたんだけど、やっぱりBブロックにしたい！」みたいなシチュエーションの時です。

下のような感じで書きまして、アイコンをクッリクすると、双方向矢印みたいなアイコンに変わり、変えたいブロックが選択肢としては表示されるところまで行ったのですが、お目当てのブロックがクリックできず、そのブロックに変わってくれないという現象で悩んでおります。

コードに問題がありますでしょうか？？どなたか助けて頂ければ幸いです。どうぞ宜しくお願いします！

transforms: {
	from: [
		{
			type: 'block',
			blocks: [ 'example/Ablock' ],
			transform: function( content ) {
				return createBlock( 'example/Ablock', {
					content,
				} );
			},
		},
		{
			type: 'block',
			blocks: [ 'example/Bblock' ],
			transform: function( content ) {
				return createBlock( 'example/Bblock', {
					content,
				} );
			},
		},
	],
	to: [
		{
			type: 'block',
			blocks: [ 'example/Ablock' ],
			transform: function( content ) {
				return createBlock( 'example/Ablock', {
					content,
				} );
			},
		},
		{
			type: 'block',
			blocks: [ 'example/Bblock ],
			transform: function( content ) {
				return createBlock( 'example/Bblock', {
					content,
				} );
			},
		},
	],
},