struct-ui-components/src/hooks/useUpdateEffect/useUpdateEffect.ts

A collection of reusable, customizable React components built with TypeScript, Tailwind CSS, and Storybook. Designed for modern UI development with flexibility and scalability.

import { useEffect, useRef } from "react";

export const useUpdateEffect = (
  callback: () => void | (() => void),
  dependencies: React.DependencyList,
) => {
  const firstRenderRef = useRef<boolean>(true);

  useEffect(() => {
    if (firstRenderRef.current) {
      firstRenderRef.current = false;
      return;
    }
    return callback();
  }, dependencies);
};