Ребят, чет туплю. Из за чего выходит ошибка на 1 фото? Код ведь такой же как в документации Swiper

Есть такой недостаток

Сейчас меня забанят но что ужасного в этом? Неужели нужен редакс и санки только чтобы не было запросов в компонентах? Или имеется ввиду прям сами запросы через fetch?

может @types неактуальные?

Самая свежая стоит

Когда весь флоу работы с запросами лежит за пределами реакта, абстрактно и глобально обрабатывается за пределами реакта, тащить запросы в компоненты приходится выкорчёвывая глобальную логику  помещая её в локальный компонент

Help pls

А что за задача?

не такой же. в документации Thumb импортится из swiper а у  тебя из локального файла, а что там в нем хер знает

Например, любая ошибка для любого сетевого запроса обрабатывается одной и той же «мидлварей». Я не повторяю код для обработки ошибок, я написал его единожды и он работает всегда. Сегодня мне пришлось дописать для этой функции export и затянуть её в компонент (который по-хорошему не должен знать ничего про сеть, про ошибки, про их обработку и реагирование на это всё). Компонент стал сложным

Это ведь MVVM, так?

А я хз

У меня есть локальный компонент Thumb, да, но в use используется Thumbs который импортится из ‘swiper’

А если ошибки разные. Ошибка с 403 статусом или подобные да. А если отправлялись данные с формы и пришли конкретные ошибки для конкретных полей формы?
Возможно не очень удачный пример но все же.

а, в глаза ебусь, сори

Потыкал я по ним с зажатым cmd - перекидывает к пакету swiper, поэтому вроде как правильно импортирован

Модель формы описать и маппить её на вьюху

Решение: Нужно использовать SwiperCore.use()
Похоже в документации Swiper’a ошибка

Асинхронный инпут для массива сущностей. Например, для юзеров. Или заказов. Или фонарных столбов.

Вводишь в текстовый инпут id сущности. Нажимаешь кнопку. Уходит запрос за юзером, приходит ответ. Если ответ ок, то этот ответ складывается в state.cache компонента и вызывается props.onChange(oldState.concat(newId).
В рендере props.ids мапается на state.cache.

Проблема: кэш жёстко связан с компонентом — должен подниматься и убиваться с компонентом. Количество таких кэшей динамическое, с какими именно сущностями будет работать компонент, заранее неизвестно.

Получилась такая сигнатура:

type Props = {
 value: Id[]
 onChange: (values: Id[]) => void
 fetchFunction: (id: Id) => Promise<{ id: Id, label: string }>
}