useMountedEffect

1'use client'
2 
3import * as React from 'react'
4 
5export function useMountedEffect(
6  effect: React.EffectCallback,
7  deps: React.DependencyList = [],
8) {
9  const isMounted = React.useRef(false)
10 
11  const effectEvent = React.useEffectEvent(effect)
12 
13  React.useEffect(() => {
14    if (isMounted.current) {
15      return effectEvent()
16    }
17    isMounted.current = true
18  // eslint-disable-next-line react-hooks/exhaustive-deps
19  }, deps)
20}