React Hooks to be reused by any developer.

useIsMounted.ts

import { useCallback, useEffect, useRef } from 'react';

/**
 * Hook that provides a safe way to check if component is mounted.
 * @example
 * const isMounted = useIsMounted();
 * const [users, setUsers] = useState([]);
 *
 * useEffect(() => {
 *   fetchUsers().then(users => {
 *     if (isMounted()) setUsers(users);
 *   });
 * }, []);
 */
const useIsMounted = () => {
  const mountedRef = useRef<boolean | null>(true);

  useEffect(() => () => {
    mountedRef.current = false;
  }, []);

  const isMounted = useCallback(() => mountedRef.current, []);

  return isMounted;
};

export default useIsMounted;