From 87c7c37a4733db4dfc036bb4e20295e1b831faf6 Mon Sep 17 00:00:00 2001
From: Andrew Rubin <arubin78@gmail.com>
Date: Fri, 10 Jan 2025 11:49:56 -0800
Subject: [PATCH 1/3] fix(demo): update to React DOM 18+ render API

---
 packages/wethegit-react-hooks/src/main.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/wethegit-react-hooks/src/main.jsx b/packages/wethegit-react-hooks/src/main.jsx
index 9995f54..fb6c9ba 100644
--- a/packages/wethegit-react-hooks/src/main.jsx
+++ b/packages/wethegit-react-hooks/src/main.jsx
@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from "react"
-import ReactDOM from "react-dom"
+import { createRoot } from "react-dom/client"
 import {
   useAnimatePresence,
   useAsync,
@@ -121,11 +121,11 @@ function App() {
   )
 }
 
-ReactDOM.render(
+const root = createRoot(document.getElementById("root"))
+root.render(
   <React.StrictMode>
     <UserPreferencesProvider>
       <App />
     </UserPreferencesProvider>
-  </React.StrictMode>,
-  document.getElementById("root")
+  </React.StrictMode>
 )

From b85901fbec6a6daeddf006bc6b049191878d3417 Mon Sep 17 00:00:00 2001
From: Andrew Rubin <arubin78@gmail.com>
Date: Fri, 10 Jan 2025 11:50:27 -0800
Subject: [PATCH 2/3] feat(useInView): add early exit on undefined
 IntersectionObserver object

---
 packages/wethegit-react-hooks/src/lib/hooks/use-in-view.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 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 5788e77..105d036 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
@@ -60,12 +60,13 @@ export function useInView<T extends HTMLElement>(
     [once, setInViewIfScrolledPast]
   )
 
-  const observer = useMemo<IntersectionObserver>(() => {
+  const observer = useMemo<IntersectionObserver | undefined>(() => {
+    if (typeof IntersectionObserver !== "function") return
     return new IntersectionObserver(observerCallback, settings)
   }, [settings, observerCallback])
 
   useEffect(() => {
-    if (!targetRef) return
+    if (!targetRef || !observer) return
 
     observer.observe(targetRef)
 

From 9ab819abc0f8a14c61603d70bc8ee17a2d45a4c4 Mon Sep 17 00:00:00 2001
From: Andrew Rubin <arubin78@gmail.com>
Date: Fri, 10 Jan 2025 11:51:51 -0800
Subject: [PATCH 3/3] feat: adds 3.1.1 changeset

---
 .changeset/twelve-crews-join.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/twelve-crews-join.md

diff --git a/.changeset/twelve-crews-join.md b/.changeset/twelve-crews-join.md
new file mode 100644
index 0000000..59837fd
--- /dev/null
+++ b/.changeset/twelve-crews-join.md
@@ -0,0 +1,5 @@
+---
+"@wethegit/react-hooks": patch
+---
+
+Adds SSR support