@ledgerhq/live-common/src/hooks/useIsMounted.ts

Common ground for the Ledger Live apps

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

// Stateless hook that returns a function which, when called, indicates if the component
// using the hook is currently mounted or not
const useIsMounted = () => {
  const mountedRef = useRef(false);
  const isMounted = useCallback(() => mountedRef.current, []);

  useEffect(() => {
    mountedRef.current = true;

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

  return isMounted;
};

export default useIsMounted;