useMounted.js
5d92ed19fb80paginated-inlines

useMounted.js
View Options

			import { useRef, useEffect } from 'react';
			/**
			* Track whether a component is current mounted. Generally less preferable than
			* properlly canceling effects so they don't run after a component is unmounted,
			* but helpful in cases where that isn't feasible, such as a `Promise` resolution.
			*
			* @returns a function that returns the current isMounted state of the component
			*
			* ```ts
			* const [data, setData] = useState(null)
			* const isMounted = useMounted()
			*
			* useEffect(() => {
			* fetchdata().then((newData) => {
			* if (isMounted()) {
			* setData(newData);
			* }
			* })
			* })
			* ```
			*/

			export default function useMounted() {
			var mounted = useRef(true);
			var isMounted = useRef(function () {
			return mounted.current;
			});
			useEffect(function () {
			mounted.current = true;
			return function () {
			mounted.current = false;
			};
			}, []);
			return isMounted.current;
			}