このツールについて
HTML から JSX / React へのコンバーターは、ブラウザネイティブの DOMParser で HTML スニペットを解析し、React が必要とするすべてを修正して有効な JSX として再シリアライズします。完全にクライアントサイドで実行されるため、貼り付けたマークアップはマシン上に留まります。どんな HTML でも（デザインのエクスポート、メールテンプレート、コンポーネントのスケッチ）貼り付けると、React ファイルに直接入れられる JSX が得られます。
この書き換えは予約属性をリネームし（class は className、for は htmlFor に）、残りを camelCase 化します（tabindex は tabIndex、maxlength は maxLength、stroke-width は strokeWidth）。一方で data-* と aria-* 属性はそのままにします。img, br, input, hr のような void 要素は自己終了になり（<img />）、HTML コメントは {/* ... */} になり、テキスト中のリテラルの波括弧は {'{'} としてエスケープされ、インラインの style="a:b;c:d" 文字列は camelCase 化した CSS キーを持つ style={{ a: 'b', c: 'd' }} オブジェクトに変換されます。disabled のような真偽属性はトグルで、素のまま出力するか ={true} として出力できます。
フラグメント出力（複数のルートノードは自動的に <>...</> フラグメントでラップされます）か、フルコンポーネント出力（選んだ名前とインデント（2 スペース、4 スペース、タブ）で JSX を export default function にラップします）を選べます。結果はそのまま貼り付けられます。解析には実際の DOM を使うため、不正なネストはブラウザと同じ方法で正規化されます。