diff --git a/com.twin.app.shoptime/src/hooks/usePriceInfo.jsx b/com.twin.app.shoptime/src/hooks/usePriceInfo.js
similarity index 100%
rename from com.twin.app.shoptime/src/hooks/usePriceInfo.jsx
rename to com.twin.app.shoptime/src/hooks/usePriceInfo.js
diff --git a/com.twin.app.shoptime/src/hooks/useScrollTo.js b/com.twin.app.shoptime/src/hooks/useScrollTo.js
new file mode 100644
index 00000000..1d5835d9
--- /dev/null
+++ b/com.twin.app.shoptime/src/hooks/useScrollTo.js
@@ -0,0 +1,21 @@
+import React, { useCallback, useEffect, useRef } from "react";
+
+export default function useScrollTo() {
+  const scrollTo = useRef();
+
+  const scrollTop = useCallback(() => {
+    if (scrollTo && scrollTo.current) {
+      scrollTo.current({ position: { y: 0 }, animate: true });
+    }
+  }, []);
+
+  const getScrollTo = useCallback((cbScrollTo) => {
+    scrollTo.current = cbScrollTo;
+  }, []);
+
+  useEffect(() => {
+    scrollTop();
+  }, []);
+
+  return { getScrollTo, scrollTop };
+}