박**さんが提供してくださった実務状況です
Chzzk OAuth でログインしたユーザーのトークンが切れたら、自動で取り直してリクエストを 続けられるようにします。 リソース呼び出しで access トークンが切れて 401 が返ったら、refresh トークンで新しい トークンを取り、もう一度呼び出します。api-client.ts の request を完成させてください。 Note: サーバ呼び出し(callResource・refreshTokens)とトークン保管(tokenStore)はすでに あります。request だけ埋めればよいです。
Next.js(App Router)と TypeScript で、ログイン済みユーザーの切れたトークンを自動で 取り直し、画面を途切れさせずに続けられるようにする処理を完成させる問題です。リソースを 呼んだときにトークンがもう通らなければ、新しいトークンを取って呼び直す流れを api-client の request に書きます。
寿命の短いトークンを使うログインでは、トークンがもう通らなくなったときにユーザーを ログイン画面へ戻すのではなく、静かに新しいトークンを取ってセッションを続けるのが良い 体験です。この「途切れないセッション」はトークン認証を使うほぼすべての画面で出会う テーマであり、本問題はその流れを実際に実装します。