atechhub-use-mounted/dist/src/useMounted.js

A React hook to track component mounted state

import { useEffect, useRef } from "react";
/**
 * useMounted is a custom hook that tracks the mounted state of a component.
 * It returns a ref object with a boolean value indicating whether the component is mounted.
 *
 * @returns {Object} An object containing the mounted ref
 */
const useMounted = () => {
    const mounted = useRef(false);
    useEffect(() => {
        mounted.current = true;
        return () => {
            mounted.current = false;
        };
    }, []);
    return {
        mounted,
    };
};
export default useMounted;