useScrollLock.js 410 B

1234567891011121314151617
  1. import {useState, useEffect} from 'react';
  2. const useScrollLock = () => {
  3. const [isLocked, setIsLocked] = useState(false);
  4. useEffect(() => {
  5. if (isLocked) {
  6. document.documentElement.classList.add('no-scroll');
  7. } else {
  8. document.documentElement.classList.remove('no-scroll');
  9. }
  10. }, [isLocked]);
  11. return setIsLocked
  12. }
  13. export default useScrollLock