Fix usePreventScroll on iOS with React 17 (#1196)

adobe · Oct 27, 2020 · 2ca7fc0 · 2ca7fc0
1 parent 5919197
commit 2ca7fc0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/@react-aria/overlays/src/usePreventScroll.ts b/packages/@react-aria/overlays/src/usePreventScroll.ts
@@ -11,7 +11,7 @@
  */
 
 import {chain, getScrollParent} from '@react-aria/utils';
-import {useEffect} from 'react';
+import {useLayoutEffect} from 'react';
 
 interface PreventScrollOptions {
   /** Whether the scroll lock is disabled. */
@@ -38,7 +38,7 @@ const visualViewport = typeof window !== 'undefined' && window.visualViewport;
 export function usePreventScroll(options: PreventScrollOptions = {}) {
   let {isDisabled} = options;
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (isDisabled) {
       return;
     }