fix: revert useRemainingViewPortHeight to use useLayoutEffect

1 files changed, 2 insertions, 2 deletions

diff --git a/src/hooks/useRemainingViewPortHeight.js b/src/hooks/useRemainingViewPortHeight.js
index fb6a1a8..e8346d8 100644
--- a/src/hooks/useRemainingViewPortHeight.js
+++ b/src/hooks/useRemainingViewPortHeight.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-const { useState, useRef, useCallback, useEffect } = React;
+const { useState, useRef, useCallback, useLayoutEffect } = React;
 
 /**
  * cosnt [ref, remainingHeight] = useRemainingViewPortHeight();
@@ -17,7 +17,7 @@ export default function useRemainingViewPortHeight() {
     setContainerHeight(window.innerHeight - top);
   }, []);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     updateContainerHeight();
     window.addEventListener('resize', updateContainerHeight);
     return () => {