TypeScript: как убрать null из свойства объекта?

Question

[daniel_wesson]

Имеется следующий код в упрощенном виде:

type User = {
	id: number
	name: string
}

const { data: user, error } = await useFetch<User>('/users/1')

if (error.value?.statusCode === 404) {
	throw createError({ statusCode: 404 })
}

const userId: number = user.id

Проблема в том, что useFetch вернет тип "User | null" из-за чего чтобы получиться любое свойство, придется написать "(user as User).id". Что можно сделать чтобы явно указать, что user не будет являться null?

Comments

[WbICHA]

Что можно сделать чтобы явно указать, что user не будет являться null?

Для чего? Чтобы получить ошибку в рантайме, если в ответе будет нулл?

[daniel_wesson]

WbICHA, Ошибку я обрабатываю, но IDE этого не понимает и подсвечивает красным. Или вы предлагаете везде где нужно получить свойство использовать if (user !== null)?

[daniel_wesson]

WbICHA, Выглядит весьма громоздко, учитывая, что после throw далее выполнение прекратится

[Lynn «Кофеман»]

Не вижу обработку ошибки

[Lynn «Кофеман»]

Вообще наверное проще всего написать что-то типа:

const { data, error } = await useFetch<User>('/users/1')
const user = data!;

if (error.value?.statusCode === 404) {
  throw createError({ statusCode: 404 })
}

const userId: number = user.id;

[WbICHA]

daniel_wesson, а причём здесь ошибка? У тебя нет проверки на наличие значения.

Answer 1

[Aetae]

if (error.value?.statusCode !== 404) не гарантирует, что в user не будет null, мало ли там ошибка 50х или даже нет ошибки, а просто сервер глюканул.

Так что у тебя два варианта:
1. То что от тебя хочет typescript, явная проверка:

if (!user) {
  throw new Error('empty responce')
}

2. Исправление типа, если ты очень доверяешь своему серверу:
а) Вариант предложенный Lynn «Кофеман» с явным кастом;
б) Обёртка над useFetch которая внутри себя скастует тип по новому или изменение самого типа useFetch.