Такой вопрос Реакт очень странно выполняет очередь задач. Очень странно

useEffect(()=>{
if(count===2){
const history2 = history.push('/page2');
console.log('history2', history2)
}
})

const onClickEvent = async ()=>{
await new Promise(resolve => {
setCount(2);
resolve(true);
});
const history1 = history.push('/page1');
console.log('history1', history1);
};

1) Сперва работает промис, он меняет состояние count
2) UseEffect реагирует и делает редирект в page2
3) Последняя команда после промиса выполняет последнюю команду редирект в page1

В консоль выходит вот что
history2 undefined
history1 undefined

Я с этим согласен, первым работает history2, последним работает history1
Но браузер делает редирект в page2.
Почему ?? Последний редирект, он же в page1 делает редирект.

Как ?? Почему ??

мне кажется пушто ты же пушиш в хистори второй раз другое типа хистори один, енто новое действие, каунт у тебя так же равен 2, юз эффект и отрабатует еще раз а там хистори = пейдж 2

useEffect первее отрабатывает, я заставил его ждать промисами, с этим ок, он первее работает в консоли команды четко выводятся, кто первым работал кто вторым так браузер вместо того чтоб слушаться последнего он слушает первого второй редирект игнорит хотя второй редирект работал самым последним

не пойму. Вначале же юз эффект ничего не сделает, т.к каунт будет не 2?

он будет два, setCount(2) тем более в промисе насильно заставлен

будет 2 когда промис сработает

а промис и срабатывает

вначале работает промис потом после него history1 редирект в page1

да

получается тебе надо понять, почему после const history1 = history.push('/page1'); снова срабатывает useEffect . Ибо только в нем есть редирект на пейдж 2

думаю дело в том что ты юз эффект без зависимостей оставил