0xLDev

import { useEffect, useRef } from 'react';

export const useEventListener = (eventName, handler, element = window) => {
  const savedHandler = useRef();

  useEffect(() => {
    savedHandler.current = handler;
  }, [handler]);

  useEffect(() => {

0xLDev

import { useState, useCallback } from "react";

export const useToggle = (initialState = false) => {
  const [state, setState] = useState(!!initialState);

  const toggle = useCallback(() => setState((prev) => !prev), []);

  return [state, toggle];
};