Даже не спорю, но не думаю что никто не проверяет это перед рендером того либо иного компонента

Подсажите, есть ли способ перрвать цепочку выполнения then для промиса, если в ней был вызван catch() прмерно по такой схеме
promise
.then() <- throw / без throw
.then() <- пропущен / выполнен
.catch() <- обработка / пропущен
.then() <- не выполнять / выполнять
.then() <- не выполнять / выполнять
.then() <- не выполнять / выполнять
.then() <- не выполнять / выполнять

Если catch ни чего не вернуть, то будет орать, что нет ".then" у undefined

сделать throw в catch

.catch вроде как не должен ничего возвращать
только генерировать и обрабатывать ошибку

Тогда валится

Ну ты в конце еще один catch сделай )

Ну тогда проще один в конце и все )))

Promise.resolve(10)
.then(a => {
   console.log(a);
   throw new Error('err1');
})
.catch(e => {
   console.log(e.message);
   // throw new Error('err2');
})
.then(b => {
   console.log('next');
   console.log(b)
})

Вывод:
10
err1
next
undefined

А хочу сделать так, чтобы .then после .catch не вызывались. Можно это или нельзя?

Почему при нажатии на энтер, событие ловится, но пишется что объект io - undefined. А если этот же код запускать из события кнопки onClick, то на сайт заходит..
Это для входа на сайт, по нажатию кнопки Enter

then и catch возвращают новые промисы - если не хотите попасть к catch после then - не кидайте ошибку, если в then после catch - то кидайте)

код выше покажи, откуда io

io передается в пропсах

юзай rxjs

Если один в конце и все, тогда не получится пропустить некоторые then, как ты хотел

возможно ошибка где-то на уровне выше. Может где-то в пропсы забыл прокинуть

так если я из onClick вызываю io то все работает....а из слушателя не раотает

Нет, получиться. После exception в then о пропустит все остальные между ним и ближайшим catch.