How this package works so it uses event listeners effectively? about use-onclickoutside

[Andarist]

I create unique listener - not reusing the one passed in as argument. The one passed in as arguments gets "cached" in handlerRef - this allows my listener to reach for the most fresh one each time, otherwise it would reach for "stale" handler.

I also trigger adding/removing of my unique listener based on truthiness of the handler argument:

use-onclickoutside/src/index.ts

Line 69 in 33fbf7d

}, [!handler])

This post explains this (first bit about using ref) quite nicely - https://overreacted.io/making-setinterval-declarative-with-react-hooks/

[RIP21]

Thanks. TIL! :)