Merge pull request #15 from ScriptedAlchemy/rootMargin

feat: add rootMargin to intersection observer

Author: hadeeb

src/index.tsx

@@ -21,13 +21,18 @@ const event = "hydrate";
 
 const io =
   isBrowser && IntersectionObserver
-    ? new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-          if (entry.isIntersecting || entry.intersectionRatio > 0) {
-            entry.target.dispatchEvent(new CustomEvent(event));
-          }
-        });
-      })
+    ? new IntersectionObserver(
+        entries => {
+          entries.forEach(entry => {
+            if (entry.isIntersecting || entry.intersectionRatio > 0) {
+              entry.target.dispatchEvent(new CustomEvent(event));
+            }
+          });
+        },
+        {
+          rootMargin: "150px"
+        }
+      )
     : null;
 
 // React currently throws a warning when using useLayoutEffect on the server.