Skip to main content

useMountedState

Lifecycle hook providing ability to check component's mount state. Returns a function that will return true if component mounted and false otherwise

Usage​

Live Editor

function Demo() {
  const isMounted = useMountedState();

  const [, update] = useState(0);
  useEffect(() => {
    update(1);
  }, []);
  return <div>This component is {isMounted() ? "MOUNTED" : "NOT MOUNTED"}</div>;
};
Result
Loading...

API​

useMountedState​

Returns​

() => boolean: component mounted state

Arguments​