.tsファイルで404ファイルを呼び出す

Question

前提

TypeScriptでエラーを判別するシステムを作っています。
下記の「sessions-error.ts」にてelseの場合、４０４ページを表示させたいです。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• .tsファイルで404ファイルを呼び出す

該当のソースコード

sessions-error.ts

        if (axios.isAxiosError(error)) {
          const { response } = error as AxiosError<InvalidResponse | MissingResponse>;
          response?.data?.errors?.forEach((error) => {
            if (error.code === '1' || error.code === '2') {
              if (LinkUrl) {
                window.location.href = `${LinkUrl}/TOP`;
              } else {
                // 404を表示したい
              }
            }
          });
        }

pagenotfound.tsx

         <div>
           お探しのページは見つかりませんでした。(404)
            <br />
            お手数ですが、再実行してください。
         </div>

Comments

[maisumakun]

Webサイト全体はどのように構成されていますか？

[uniuonbiz]

TypeScriptのSPAで作ってます。

[maisumakun]

SPA用のライブラリは何を使っていますか？

[uniuonbiz]

reactを使用しておりますmm

[uniuonbiz]

こちら分かりますでしょうか？

[maisumakun]

> reactを使用しております

全体構造はどのようになっているのでしょうか？断片しかないので回答しづらい状況です。

[uniuonbiz]

全体構造とはファイルの構造でしょうか？
申し訳ありません、理解度が足りず...。

[hoshi-takanori]

React ならページ遷移には react-router を使うのが一般的だと思いますが、その場合 window.location.href をいじるのはどうかと思うし、「404ファイルを呼び出す」という発想にはならないはず…。

[uniuonbiz]

404とは書いてありますが、実際にはページを表示出来ない旨を伝え、TOPページへ遷移できるエラーページです。
なので400系、500系のエラーに関わらず使えるエラーページというイメージです。