More

src/hooks/useInView.tsx

@@ -1,5 +1,6 @@
 'use client';
-import { useState, useEffect, useRef, RefObject } from 'react';
+import { RefObject, useEffect, useRef, useState } from 'react';
+
 import { useSharedIntersectionObserver } from './shared-intersection-observer';
 
 // eslint-disable-next-line no-undef
@@ -42,7 +43,7 @@ const useInView = (
     return () => {
       observerManager.unobserve(element);
     };
-  }, [observerManager]);
+  }, [observerManager, options]);
 
   return [elementRef, isInView];
 };

src/hooks/useInViewsingle.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, RefObject } from 'react';
+import { RefObject, useEffect, useState } from 'react';
 
 interface UseInViewOptions {
   threshold?: number | number[];