@churchapps/apphelper/src/hooks/useMountedState.ts

Library of helper functions for React and NextJS ChurchApps

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

export const useMountedState = () => {
  const mountedRef = useRef(false)
  const isMounted = useCallback(() => mountedRef.current, [])

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

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

  return isMounted
}