Jesus sucks
This commit is contained in:
36
backend/frontend/node_modules/@restart/hooks/esm/useUpdateImmediateEffect.js
generated
vendored
Normal file
36
backend/frontend/node_modules/@restart/hooks/esm/useUpdateImmediateEffect.js
generated
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
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) {
|
||||
const firstRef = useRef(true);
|
||||
const tearDown = useRef();
|
||||
useWillUnmount(() => {
|
||||
if (tearDown.current) tearDown.current();
|
||||
});
|
||||
useStableMemo(() => {
|
||||
if (firstRef.current) {
|
||||
firstRef.current = false;
|
||||
return;
|
||||
}
|
||||
if (tearDown.current) tearDown.current();
|
||||
tearDown.current = effect();
|
||||
}, deps);
|
||||
}
|
||||
export default useUpdateImmediateEffect;
|
||||
Reference in New Issue
Block a user