chore: improved pr diff

packages/usehooks-ts/src/useEventListener/useEventListener.demo.tsx

@@ -5,18 +5,33 @@ import { useEventListener } from './useEventListener'
 export default function Component() {
   // Define button ref
   const buttonRef = useRef<HTMLButtonElement>(null)
-  const documentRef = useRef(document)
+  const documentRef = useRef<Document>(document)
   const speechSynthesis = new SpeechSynthesis()
   const speechSynthesisRef = useRef(speechSynthesis)
 
+  const onScroll = (event: Event) => {
+    console.log('window scrolled!', event)
+  }
+
+  const onClick = (event: Event) => {
+    console.log('button clicked!', event)
+  }
+
+  const onVisibilityChange = (event: Event) => {
+    console.log('doc visibility changed!', {
+      isVisible: !document.hidden,
+      event,
+    })
+  }
+
   // example with window based event
-  useEventListener('scroll', ev => console.log('scrolled!', ev))
+  useEventListener('scroll', onScroll)
 
   // example with document based event
-  useEventListener('visibilitychange', ev => console.log('visibility!', ev), {element: documentRef })
+  useEventListener('visibilitychange', onVisibilityChange, {element: documentRef })
 
   // example with element based event
-  useEventListener('click', ev => console.log('clicked!', ev.pageX), { element: buttonRef })
+  useEventListener('click', onClick, { element: buttonRef })
 
   // example with EventTarget element based event
   useEventListener('voiceschanged', ev => console.log('speech!', ev), { element: speechSynthesisRef })

packages/usehooks-ts/src/useEventListener/useEventListener.test.ts

@@ -52,7 +52,6 @@ describe('useEventListener()', () => {
       useEventListener(eventName, handler)
     })
 
-    expect(windowAddEventListenerSpy).toHaveBeenCalledTimes(1)
     expect(windowAddEventListenerSpy).toHaveBeenCalledWith(
       eventName,
       expect.any(Function),

packages/usehooks-ts/src/useEventListener/useEventListener.ts

@@ -1,5 +1,7 @@
 import { useEffect, useRef } from 'react'
+
 import type { RefObject } from 'react'
+
 import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect'
 
 // Recommended usage: move CustomEventMap to global declaration