Diffusion Open Access Compliance Check Tool (OACCT) (issn4frontend) Browse

rOACCT/node_modules/@restart/hooks/esm/useUpdateImmediateEffect.js
49c99f97fe9aissn4frontend

useUpdateImmediateEffect.js
View Options

			import { useRef } from 'react';
			import useStableMemo from './useStableMemo';
			import useWillUnmount from './useWillUnmount';
			/**
			* An _immediate_ effect that runs an effect callback when its dependency array
			* changes. This is helpful for updates should must run during render, most
			* commonly state derived from props; a more ergonomic version of https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops
			*
			* ```ts
			* function Example({ value }) {
			* const [intermediaryValue, setValue] = useState(value);
			*
			* useUpdateImmediateEffect(() => {
			* setValue(value)
			* }, [value])
			* ```
			*
			* @category effects
			*/

			function useUpdateImmediateEffect(effect, deps) {
			var firstRef = useRef(true);
			var tearDown = useRef();
			useWillUnmount(function () {
			if (tearDown.current) tearDown.current();
			});
			useStableMemo(function () {
			if (firstRef.current) {
			firstRef.current = false;
			return;
			}

			if (tearDown.current) tearDown.current();
			tearDown.current = effect();
			}, deps);
			}

			export default useUpdateImmediateEffect;