useUpdateEffect

    API

    import useUpdateEffect from '@restart/hooks/useUpdateEffect'
    • useUpdateEffect(fn: EffectCallback, deps: DependencyList) => void

      Runs an effect only when the dependencies have changed, skipping the initial "on mount" run. Caution, if the dependency list never changes, the effect is never run

      const ref = useRef<HTMLInput>(null);
      // focuses an element only if the focus changes, and not on mount
      useUpdateEffect(() => {
      const element = ref.current?.children[focusedIdx] as HTMLElement
      element?.focus()
      }, [focusedIndex])

      Parameters

      • fnEffectCallback
      • depsDependencyList

      Return Value void