JSX で設定類が書けないのが微妙な気もした
WPF の XAML とか WebComponents の CustomElement を見てると設定のようなものを XML(HTML) のタグで書けます
子要素としてのタグを親要素にとっての設定として扱えます

DOM だと JavaScript で読み取って解析できるので設定と渡す方法として使うこともできます
しかし JSX は React など UI を作るライブラリ用のもので それを使うユーザーのためのものじゃないです
JSX で作られた React の Element などは基本的に中の構造を直接触るべきものじゃないですし それを解析して使うのは一般的でないです
無理に使っても仕様として公開されてるものではないのでアップデートで頻繁に変わる可能性もあります

JSX では props としてオブジェクトなど JavaScript の式を書けるので関数やオブジェクトを渡すのが一般的です
ただこの辺に統一感のなさを感じます
それなら タグ(コンポーネント)や children を含む props も全部オブジェクトとして書くのもありなのかもと思ったり
そう考えると JSX のような記法を導入せず 直接プログラムで JSX 相当のものを書く Flutter の考え方もありなのかもと思ったり
JSX 書いてみたら highlightjs で対応できてなかった
この記事でちゃんとハイライトされてない
途中でエラーあるみたい
Changelog みてると今年の 5 月末に JSX 関連の修正あるからアップデートで行けるかなと思ってアップデートしたけどまだダメ
探した感じ この issue みたい
https://github.com/highlightjs/highlight.js/issues/1915
今年の頭で放置されてるけど 各自修正してって感じでアップデートはされないのかな