msksgm’s blog

msksgm’s blog

Webエンジニアです.日々の勉強,読書,映画観賞,美術観賞の記録を載せます.

jwt-decodeでunknownの解決方法

f:id:msksgm:20210723212600p:plain

問題概要

jwtDecode を使って、jwt を複合すると、以下のように、従来のオブジェクトに加えてiatexpが追加されています。
typescript で型を指定して取得しようとすると、unkownのエラーが発生してしまいます。

ちなみにiatexpは両方とも unix 時間を示していて、iatが現在時刻、expが無効になる時刻みたいです(多分)。

この解決策をまとめます。

解決策

以下のように、従来の型定義にiatexpを追加することで解決できます。

export interface IUser {
  id: number;
  firstname: string;
  lastname: string;
  email: string;
}

export interface MyToken extends IUser {
  iat: number;
  exp: number;
}

参考

https://stackoverflow.com/questions/61199530/typescript-error-with-accessing-jwt-decode-object