diff --git a/web/app/components/plugins/marketplace/hooks.ts b/web/app/components/plugins/marketplace/hooks.ts
new file mode 100644
index 0000000000..3846bbac2f
--- /dev/null
+++ b/web/app/components/plugins/marketplace/hooks.ts
@@ -0,0 +1,20 @@
+import { useEffect } from 'react'
+
+export const useScrollIntersection = (
+  rootRef: React.RefObject<HTMLDivElement>,
+  anchorRef: React.RefObject<HTMLDivElement>,
+  callback: (isIntersecting: boolean) => void,
+) => {
+  useEffect(() => {
+    let observer: IntersectionObserver | undefined
+    if (rootRef.current && anchorRef.current) {
+      observer = new IntersectionObserver((entries) => {
+        callback(entries[0].isIntersecting)
+      }, {
+        root: rootRef.current,
+      })
+      observer.observe(anchorRef.current)
+    }
+    return () => observer?.disconnect()
+  }, [rootRef, anchorRef, callback])
+}