Как добавить в setState (react-typescript hooks) массив?

Question

[Павлов Олег]

type CardAutoNowType = {
id: number,
title: string,
volume: string,
pack: string,
fuel: string,
release: string,
kpp: string,
price: string,
availability: number,
img?: string,
img_1?: string | undefined
img_2?: string | undefined
img_3?: string | undefined
img_4?: string | undefined
model: string
}

Есть const [arrResult, setArrResult] = useState<[]>([])

Пытаюсь засунуть массив обьектов

let model: CardAutoNowType[] = []
model = arrCard.filter((elem: { model: string }) => elem.model === elemModel)
setArrResult(...arrResult, model)

Выводит ошибку :

Аргумент типа "CardAutoNowType[]" нельзя назначить параметру типа "SetStateAction<[]>".
Тип "CardAutoNowType[]" не может быть назначен для типа "(prevState: []) => []".
Тип "CardAutoNowType[]" не предоставляет соответствия для сигнатуры "(prevState: []): []".

Comments

[SunUp]

Вроде бы так

const [arrResult, setArrResult] = useState<CardAutoNowType[]>([]);

и
setArrResult([...arrResult, ...model]);

[Вадим]

Согласно правилам сервиса код должен быть оформлен в соответствующем тэге <code>

[Павлов Олег]

SunUp, Спасибо за помощь. ЗАРАБОТАЛО ))

Answer 1

[ArgeoMer]

Вы useState типизировали под пустой массив.
Правильно:

const [arrResult, setArrResult] = useState<CardAutoNowType[]>([])

Тип CardAutoNowType[] предполагает наличие либо пустого массива либо массива только с элементами типа CardAutoNowType