React hook with focused element

useFocused.ts

import { useState, RefObject, useEffect } from "react";

export const useFocused = (inputRef: RefObject<HTMLInputElement>): boolean => {
  const [isFocused, setFocused] = useState(false);

  useEffect(() => {
    if (inputRef.current) {
      const handleFocus = (): void => setFocused(true);
      const handleBlur = (): void => setFocused(false);

      inputRef.current.addEventListener("focus", handleFocus);
      inputRef.current.addEventListener("blur", handleBlur);
      return (): void => {
        if (inputRef.current) {
          inputRef.current.removeEventListener("focus", handleFocus);
          inputRef.current.removeEventListener("blur", handleBlur);
        }
      };
    }
  }, [inputRef.current]);

  return isFocused;
};