@baaz/adapter/hooks/useScrollLock.js

The core runtime of PWA

import { useLayoutEffect } from 'react';

/**
 * A [React Hook]{@link https://reactjs.org/docs/hooks-intro.html} that sets
 * an attribute on the document element indicating that scrolling should be
 * locked. This is performed with a layout effect (before paint).
 *
 * @kind function
 *
 * @param {Boolean} locked Whether scrolling should be locked.
 */
export const useScrollLock = locked => {
    useLayoutEffect(() => {
        document.documentElement.dataset.scrollLock = locked || '';
    }, [locked]);
};