surfiniaburger

CONTRIBUTORS.md

@@ -168,6 +168,7 @@ A GitHub conflict is when people make changes to the same area or line in a file
 
 - ### **A**
 
+  - [Adedoyinsola Ogungbesan](https://github.com/surfiniaburger)
   - [Alimurtuza Patrawala](https://github.com/CYBWEBALI)
   - [Arslan Malik](https://github.com/ArslanYM)
   - [Ashwanthram K L](https://github.com/AshwanthramKL)

web/src/hooks/useInterectionObserver.jsx

@@ -1,11 +1,9 @@
 import { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 
-export const useInterectionObserver = (margin = "0px") => {
+export const useIntersectionObserver = (margin = "0px") => {
   const [isIntersecting, setIsIntersecting] = useState(false);
-
   const observerRef = useRef(null);
-
   useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -14,13 +12,12 @@ export const useInterectionObserver = (margin = "0px") => {
       { rootMargin: margin }
     );
     observer.observe(observerRef.current);
-
     return () => observer.disconnect();
   }, [margin]);
-
   return { isIntersecting, observerRef };
 };
 
-useInterectionObserver.propTypes = {
-  isVisible: PropTypes.string,
+
+useIntersectionObserver.propTypes = {
+  isVisible: PropTypes.string, 
 };