added experimental scroll helper

src/hooks/dom/useScrollHeight.ts

@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react';
+
+const getHeight = () => {
+  if (typeof document === 'undefined') {
+    return 0;
+  }
+
+  const body = document.body;
+  const html = document.documentElement;
+
+  return Math.max(
+    body.scrollHeight,
+    body.offsetHeight,
+    html.clientHeight,
+    html.scrollHeight,
+    html.offsetHeight
+  );
+};
+export const useScrollHeight = () => {
+  const [scrollHeight, setScrollHeight] = useState(getHeight());
+
+  useEffect(() => {
+    const measure = () => setScrollHeight(getHeight());
+
+    window.addEventListener('scroll', measure);
+    window.addEventListener('resize', measure);
+
+    return () => {
+      window.removeEventListener('scroll', measure);
+      window.removeEventListener('resize', measure);
+    };
+  }, []);
+
+  return scrollHeight;
+};

src/hooks/dom/useScrollToBottom.ts

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+import { useScrollHeight } from '~/hooks/dom/useScrollHeight';
+
+export const useScrollToBottom = () => {
+  const top = useScrollHeight();
+
+  return useCallback(() => {
+    window.scrollTo({ top });
+  }, [top]);
+};

src/hooks/dom/useScrollToTop.ts

@@ -14,7 +14,6 @@ export const useScrollToTop = (deps?: any[]) => {
       const bounds = targetElement.getBoundingClientRect();
       window.scrollTo({
         top: bounds.top - 100,
-        behavior: 'smooth',
       });
     },
     deps && Array.isArray(deps) ? deps : []

src/hooks/dom/useScrollTop.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 
 export const useScrollTop = () => {
-  const [top, setTop] = useState(0);
+  const [top, setTop] = useState(typeof window !== 'undefined' ? window.scrollY : 0);
 
   useEffect(() => {
     const onScroll = () => {