マテリアル UI データグリッドのリンク列が onRowClicked で停止する

Question

マテリアル UI Datagrid を使用してデータを表示しています。 列の 1 つは、別のタブで URL を開くリンクを表示します。 クリックされた行では別のページに移動したいのですが、リンクをクリックしても別のページに移動したくありません。

単純にセル全体でリンクのクリック動作を無効にすることもできますが、それは完全に理想的とは言えません。リンクの onRowClicked 内で onClick が実行されないようにする解決策をご存知ですか?

私が使用している簡略化された例:

ああああ

Answer 1

#onClick={(event) =>event.stopPropagation()} をリンクに追加すると、この問題は解決します。