синхронно

Предположим, что в некотором обработчике события (напр. клика) выполняется несколько разных dispatch().

Если перед очередным вызовом dispatch уже проходил рендериг компонента (вызванный, напр. предыдущим dispatch(), который поменял что-то в стейте, на который этот компонент подписан), после которого не были выполнены useEffect-ы, и сам вызов dispatch() также меняет состояние компонента и приводит к рендерингу, то React (судя по тому что показывает отладка) синхронно выполнит useEffect, относившийся к предыдущему рендерингу.

Синхронная остановка выполнения

function sleep(ms) {
  var start = Date.now(), expire = start + ms;
  while (Date.now() < expire) {}
  return;
}
var ms_delay = 1000;
console.log('Wait ' + ms_delay);
sleep(ms_delay);  // подождем ms_delay  миллисекунд 
console.log('Done!');

-такой код тормозит вообще все, в т.ч. и работу полос прокрутки (скроллов) браузера

Остановка конткретного фрагмента кода, функции

C помощью промисов в точке, где нужна паузаа можно использовать такую конструкцию (наиболее коророткий вариант в одну строку):