From 55fe8422aff1e369f691ea5590a5583d35985064 Mon Sep 17 00:00:00 2001
From: Marshall Polaris <marshall@pol.rs>
Date: Tue, 9 Aug 2022 15:25:42 -0700
Subject: [PATCH] Use `useEvent` in VisibilityObserver per James suggestion

---
 web/components/visibility-observer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/components/visibility-observer.tsx b/web/components/visibility-observer.tsx
index ba459ef7..9af410c7 100644
--- a/web/components/visibility-observer.tsx
+++ b/web/components/visibility-observer.tsx
@@ -1,11 +1,13 @@
 import { useEffect, useState } from 'react'
+import { useEvent } from '../hooks/use-event'
 
 export function VisibilityObserver(props: {
   className?: string
   onVisibilityUpdated: (visible: boolean) => void
 }) {
-  const { className, onVisibilityUpdated } = props
+  const { className } = props
   const [elem, setElem] = useState<HTMLElement | null>(null)
+  const onVisibilityUpdated = useEvent(props.onVisibilityUpdated)
 
   useEffect(() => {
     const hasIOSupport = !!window.IntersectionObserver