UseDidUpdate

1'use client';
2 
3import { DependencyList, EffectCallback, useEffect, useRef } from 'react';
4 
5export function useDidUpdate(effect: EffectCallback, deps?: DependencyList) {
6  const mounted = useRef(false);
7 
8  useEffect(
9    () => () => {
10      mounted.current = false;
11    },
12    [],
13  );
14 
15  useEffect(() => {
16    if (mounted.current) {
17      return effect();
18    }
19 
20    mounted.current = true;
21    return undefined;
22  }, deps);
23}