Получить ширину скроллбара (для macOS если стоит overflow: auto)

scroll.css

.scrollbar-pain {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

scroll.jsx

useEffect(() => {
    // создаем элемент за пределами страницы
    const scrollDiv = document.createElement('div');
    scrollDiv.className = 'scrollbar-measure';
    document.body.appendChild(scrollDiv);

    const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
    // обновляем state
    setScrollWidth(scrollbarWidth);
    // удаляем элемент
    document.body.removeChild(scrollDiv);

    // вызываем один раз при рендеринге компонента
}, []);