Иван

Время жизни на клиенте самого токена проверять не надо:
1. JWT может быть httpOnly, иначе это прямой удар по безопасности в виде возможности сXSSить этот токен скриптами
2. У пользователя на ПК время может отличаться от серверного. Допустим, время жизни JWT — 5 минут, а у пользователя часы спешат на 6 минут. Этой разницы недостаточно, чтобы SSL не установилось, зато достаточно, чтобы твой скрипт навсегда зациклился в попытке получить "свежий" токен, думая, что он несвежий

Поэтому делаешь так:
После успешного получения JWT ставишь в localStorage текущее время пользователя (пренебрегая разницей между действительным временем истечения и временем исполнения твоей функции — оно скорее всего не будет превышать пинг пользователя + 100мс). Каждый запрос прерываешь с помощью какого-нибудь https://github.com/axios/axios#interceptors В этом "прерывателе" смотришь в localStorage и если прошло 50-80% (тут оставляем запас, потому что мы выше пренебрегли разницей + сам запрос может длится некоторое время [например, это могут быть сетевые задержки, или запрос будет лежать в очереди, пока воркеры заняты или какие-то запросы бэкенда в БД будут происходить до валидации JWT] + часы пользователя могут идти быстрее серверных и дать лишние пару микросекунд) времени жизни JWT — отправляешь сперва запрос на рефреш этого токена, а потом уже отправляешь сам запрос.

https://www.typescriptlang.org/play/?#code/MYewdgz...

const error = Symbol();
type CheckSubKey<K, SK extends string> = K extends `${string}${SK}${string}`
  ? SK
  : SK & { [error]: '(!) Invalid subkey (!)' };

interface GetValue {
  <T extends object>(obj: T): <K extends keyof T>(key: K) => T[K];
  <T extends object, I extends boolean = false>(
    obj: T,
    isIncludeKey?: I,
  ): I extends true
    ? <K extends string>(key: CheckSubKey<keyof T, K>) => T[`${string}${K}${string}` & keyof T][]
    : <K extends keyof T>(key: K) => T[K];
}

const getValue: GetValue =
  (obj: object, isIncludeKey = false) =>
  (key: unknown): unknown[] => {
    if (!isIncludeKey) {
      return obj[key as keyof typeof obj];
    }

    return Object.entries(obj).reduce((result: unknown[], pair: [key: string, value: unknown]) => {
      const [pairKey, pairValue] = pair;

      if (pairKey.includes(key as string)) {
        return [...result, pairValue];
      }

      return result;
    }, []);
  };

const o = {
  asd: 1 as const,
  asdfg: '2' as const,
  qweg: [3] as const,
};

const v1 = getValue(o)('asd'); // 1
const v2 = getValue(o, true)('a'); // (1 | "2")[]
const v3 = getValue(o, true)('f'); // "2"[]
const v4 = getValue(o, true)('g'); // ("2" | readonly [3])[]
const v5 = getValue(o, true)('uuu'); // error