問題タブ [decodeuricomponent]

%数日前、私は、誰かがデコードできないパーセント記号 ( ) を持つ不適切な URL を使用してナビゲートしようとしたときに、React のページがエラーを「キャッチ」できなかった私の仕事の問題に取り組んでいました。

React プロジェクトはreact-router-dom、異なる URL にアクセスするときに異なるビューを表示することでナビゲーションを処理するために使用します (一致するルートがない場合でも 404 ルートがあります)。構造は React Router の 404 の例と非常によく似ています。試すことができるリンクは次のとおりです。自分でサンドボックスのブラウザから URL に追加/%して、問題をよりよく理解してください。

私のローカル開発シナリオでは、ページには次の画像のスタック トレースのみが表示されます(コンソール出力も確認してください)。

誰かがデコードできない不適切な URL を提供すると、このエラーがスローされ、ページが実行されないことを理解しています。私はしばらく探していましたが、React でそれをキャッチする方法に関連するものは何も見つかりませんでした (それが本当に可能かどうかはわかりません)。

どんな提案も大歓迎です！