useLockBodyScroll

Lock and unlock the body scroll without layout shift.

Installation

npm install @1hook/use-lock-body-scroll

import { useLockBodyScroll } from '@1hook/use-lock-body-scroll'

The body scroll is automatically unlocked when the hook unmounts.

const { lock, unlock, locked } = useLockBodyScroll()

Lock on mount:

const { lock } = useLockBodyScroll()

useEffect(lock, [lock])

useLatestRef

Transform anything into a ref. The ref is always up to date in effects and DOM events.

useMediaRecorder

Record media streams.