(cb: EffectCallback, dependencies: any[])
| 15 | |
| 16 | // Like useEffect, but only called for updates after the initial render. |
| 17 | export function useUpdateEffect(cb: EffectCallback, dependencies: any[]): void { |
| 18 | const isInitialMount = useRef(true); |
| 19 | const lastDeps = useRef<any[] | null>(null); |
| 20 | let cbEvent = useEffectEvent(cb); |
| 21 | |
| 22 | useEffect(() => { |
| 23 | isInitialMount.current = true; |
| 24 | return () => { |
| 25 | isInitialMount.current = false; |
| 26 | }; |
| 27 | }, []); |
| 28 | |
| 29 | useEffect(() => { |
| 30 | let prevDeps = lastDeps.current; |
| 31 | if (isInitialMount.current) { |
| 32 | isInitialMount.current = false; |
| 33 | } else if (!prevDeps || dependencies.some((dep, i) => !Object.is(dep, prevDeps[i]))) { |
| 34 | cbEvent(); |
| 35 | } |
| 36 | lastDeps.current = dependencies; |
| 37 | // eslint-disable-next-line react-hooks/exhaustive-deps |
| 38 | }, dependencies); |
| 39 | } |
no test coverage detected