Restore original body scroll 🚀

Author: chicio

src/components/design-system/atoms/overlay.tsx

@@ -4,7 +4,11 @@ import React, { useLayoutEffect } from "react";
 
 const useLockBodyScroll = () => {
   useLayoutEffect(() => {
-    const originalBodyStyle = window.getComputedStyle(document.body);
+    const originalStyle = window.getComputedStyle(document.body);
+    const originalPositionStyle = originalStyle.position;
+    const originalTopStyle = originalStyle.top;
+    const originalLeftStyle = originalStyle.left;
+    const originalRightStyle = originalStyle.right;
     const currentScrollYPosition =
       (window.scrollY || document.documentElement.scrollTop) -
       (document.documentElement.clientTop || 0);
@@ -13,15 +17,14 @@ const useLockBodyScroll = () => {
     document.body.style.left = "0";
     document.body.style.right = "0";
     return () => {
-      document.body.style.top = originalBodyStyle.top;
-      document.body.style.position = originalBodyStyle.position;
-      document.body.style.left = originalBodyStyle.left;
-      document.body.style.right = originalBodyStyle.right;
+      document.body.style.top = originalTopStyle;
+      document.body.style.position = originalPositionStyle;
+      document.body.style.left = originalLeftStyle;
+      document.body.style.right = originalRightStyle;
       window.scrollTo(0, currentScrollYPosition);
     };
   }, []);
 };
-
 export interface OverlayProps {
   zIndex: number;
   delay: string;