From 008e064240f2c22f5829171580d2b4fce48033e0 Mon Sep 17 00:00:00 2001
From: Marlon Marcello <marlon.marcello@gmail.com>
Date: Tue, 26 Mar 2024 15:58:16 -0700
Subject: [PATCH 1/2] fix: returned element type based on generic

---
 .../src/lib/hooks/use-in-view.ts                     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts b/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts
index fea5bbc..3d570c6 100644
--- a/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts
+++ b/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts
@@ -1,10 +1,10 @@
 import { useState, useRef, useEffect, useCallback } from "react"
 
-export type InViewHook = [
+export type InViewHook<T extends HTMLElement> = [
   /**
    * Pass this function to the `ref` prop of the DOM element you want to track visibility of.
    */
-  (node: HTMLElement) => void,
+  (node: T) => void,
   /**
    * Whether the target DOM element is in view, based on the provided `threshold` argument.
    */
@@ -12,7 +12,7 @@ export type InViewHook = [
   /**
    * The DOM node itself, once set by the `setTargetRef` function.
    */
-  HTMLElement | undefined,
+  T | undefined
 ]
 
 /**
@@ -27,13 +27,13 @@ export type InViewHook = [
  * <section ref={setSectionRef} className={sectionInView ? "in-view" : ""}>
  *
  */
-export function useInView(
+export function useInView<T extends HTMLElement>(
   threshold: number = 0.3,
   once: boolean = true,
   setInViewIfScrolledPast: boolean = false
-): InViewHook {
+): InViewHook<T> {
   const [isIntersecting, setIntersecting] = useState(false)
-  const [targetRef, setTargetRef] = useState<HTMLElement>()
+  const [targetRef, setTargetRef] = useState<T>()
   const observerRef = useRef<IntersectionObserver>()
 
   const observerCallback = useCallback<IntersectionObserverCallback>(

From 5687f5d2251219c8f294ec8d7fcaa354ab65616f Mon Sep 17 00:00:00 2001
From: Marlon Marcello <marlon.marcello@gmail.com>
Date: Tue, 26 Mar 2024 16:00:31 -0700
Subject: [PATCH 2/2] hotfix: changeset

---
 .changeset/violet-laws-begin.md                            | 5 +++++
 packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/violet-laws-begin.md

diff --git a/.changeset/violet-laws-begin.md b/.changeset/violet-laws-begin.md
new file mode 100644
index 0000000..befea76
--- /dev/null
+++ b/.changeset/violet-laws-begin.md
@@ -0,0 +1,5 @@
+---
+"@wethegit/react-hooks": major
+---
+
+[hooks] fix(useInView): returned element type based on generic
diff --git a/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts b/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts
index 3d570c6..e14ee71 100644
--- a/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts
+++ b/packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts
@@ -12,7 +12,7 @@ export type InViewHook<T extends HTMLElement> = [
   /**
    * The DOM node itself, once set by the `setTargetRef` function.
    */
-  T | undefined
+  T | undefined,
 ]
 
 /**