Дженерик и Promise

export async function withRetry<T>(loader: () => Promise<T>): Promise<T> {
  try {
    return await loader();
  } catch {
    return await loader();
  }
}

export const userId = withRetry(async () => ({ id: 1 })).then((user) => user.id);

T выводится из типа загрузчика: async () => ({ id: 1 }) имеет тип () => Promise<{ id: number }>, значит T = { id: number }. Результат Promise<{ id: number }>, и в .then приходит объект с id. Сам userId при этом Promise<number>.

T внутри Promise

Обрати внимание, что T здесь описывает данные, а не промис. Если написать withRetry<T>(loader: () => T): T, то T выведется как Promise<{ id: number }>. Это тоже будет работать, но такая сигнатура примет и синхронную функцию, для которой await и повтор не имеют смысла. Явный Promise<T> в аргументе документирует, что ждём именно асинхронный загрузчик.

Awaited

Если тип промиса уже есть, а нужен тип его значения, есть встроенная утилита:

type Data = Awaited<Promise<{ id: number }>>; // { id: number }
type Deep = Awaited<

Awaited разворачивает промисы рекурсивно, так же как это делает await в рантайме. Удобно в паре с ReturnType: Awaited<ReturnType<typeof loadUser>> даёт тип того, что вернёт асинхронная функция после await.

Где это встречается

Этот приём лежит в основе типизации любых обёрток над запросами: retry, таймауты, кеш, индикаторы загрузки. Если обёртка объявлена через unknown или any, все типы ответа сервера теряются на первом же слое.