Решил, в главном компоненте
const handleScrollbar = () => {
let docWidth = document.documentElement.clientWidth
let windowWidth = window.innerWidth;
let scrollbarAppears = windowWidth - docWidth > 0; // если скролл появится он будет больше 0
}
эту функцию в useEffect на window.addEventListener('click', handleScrollbar)
и теперь не только по добавлению нового блока, но и при переходе на другие страницы где добавляется скролл будет отрабатывать
сделал правильно, но имей ввиду, что это довольно тяжелая операция, так что поищи способы минимизировать количество обращений к clientWidth / window.innerWidth