Type corrections

I have a language server now.

1 files changed, 4 insertions, 2 deletions

diff --git a/thallium-frontend/src/utils/hooks.ts b/thallium-frontend/src/utils/hooks.ts
index 9b478f7..997f274 100644
--- a/thallium-frontend/src/utils/hooks.ts
+++ b/thallium-frontend/src/utils/hooks.ts
@@ -1,4 +1,5 @@
-import { useMemo, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
+import { type RefObject } from "react";
 
 export function useVisible(ref: RefObject<HTMLElement>) {
   const [isVisible, setVisible] = useState(false)
@@ -7,7 +8,8 @@ export function useVisible(ref: RefObject<HTMLElement>) {
     const observer = new IntersectionObserver(
         ([entry]) => setVisible(entry.isIntersecting)
     )
-    observer.observe(ref.current)
+    if (ref.current)
+      observer.observe(ref.current)
     return () => observer.disconnect()
   }, [])