Support for event listener options

[heokhe]

Can we have something like this?

useEventListener('click', () => {
  console.log('The window is clicked and cannot be clicked anymore');
}, { once: true });

[srmagura]

Hey @hkh12, my fork @srmagura/use-event-listener already supports the other two addEventListener options: capture and passive.

I did not add the once option because I don't think it makes sense in the context of hooks. Hooks run after every render so it's a bit weird to have a hook that only does something a single time.

Instead, you can do:

useEffect(() => {
    window.addEventListener('click', fn, { once: true })
}, [])

There are other ways to only add the event listener once, depending on your use case.

[heokhe]

I just used once as an example, but thanks anyway!

[srmagura]

Going to leave this open and pin it until addEventListener options are added to this repo ;)

[donavon]

deployed to npm as @use-it/event-listener@0.1.4