Ловите полезный кастомный хук, который поможет избавиться от бойлерплейта.
Немного пояснений как он работает:
1. Трюк с
useRef и
useEffect на 8-12 строках нужен для того, чтобы не обязывать всех пользователей оборачивать
handler в
useCallback. Если просто передавать handler в зависимости
useEffect на 14-22 строках, то этот
useEffect будет срабатывать каждый ререндер, что не есть хорошо для производительности.
2.
isSupported на 15 строке помогает, когда третьим аргументом передается элемент или ref элемента, которые не всегда могут быть в DOM на момент срабатывания функции
P.S. Код хука скину в комменты
#react
