Allow nullable refs in useEventListener

Author: ThaNarie

src/hooks/useEventListener/useEventListener.ts

@@ -1,10 +1,10 @@
 /* eslint-disable  @typescript-eslint/unified-signatures, @typescript-eslint/no-explicit-any */
-import { useEffect, type RefObject } from 'react';
-import { unref } from '../../utils/unref/unref.js';
+import { useEffect } from 'react';
+import { unref, type Unreffable } from '../../utils/unref/unref.js';
 import { useRefValue } from '../useRefValue/useRefValue.js';
 
-export function useEventListener<T extends EventTarget>(
-  targetOption: RefObject<T> | T | null | undefined,
+export function useEventListener<T extends EventTarget | null>(
+  targetOption: Unreffable<T>,
   type: string,
   listener: EventListener,
   options?: boolean | AddEventListenerOptions,
@@ -14,14 +14,18 @@ export function useEventListener<T extends EventTarget>(
   useEffect(() => {
     const target = unref(targetOption);
 
+    if (!target) {
+      return;
+    }
+
     function callback(this: unknown, event: Event): void {
       listenerRef.current?.(event);
     }
 
-    target?.addEventListener(type, callback, options);
+    target.addEventListener(type, callback, options);
 
     return () => {
-      target?.removeEventListener(type, callback, options);
+      target.removeEventListener(type, callback, options);
     };
   }, [listenerRef, options, targetOption, type]);
 }