Function useScrollbarWidth

packages/shared/src/hooks/useScrollbarWidth.ts:8–22

()

 * modals hide body overflow and the scrollbar disappears.
 */
export function useScrollbarWidth(): void {
  useEffect(() => {
    const update = () => {
      const width = window.innerWidth - document.documentElement.clientWidth;
      document.documentElement.style.setProperty(
        '--scrollbar-width',
        `${width}px`,
      );
    };

    update();
    window.addEventListener('resize', update);
    return () => window.removeEventListener('resize', update);
  }, []);
}