useEffect 첫 렌더링 시 함수 호출 막기(useDidMountEffect hook)

import { useRef, useEffect } from "react";

export const useDidMountEffect = (func: any, deps: any) => {
  const didMount = useRef(false);

  useEffect(() => {
    if (didMount.current) func();
    else didMount.current = true;
  }, deps);
};

import { useDidMountEffect } from "../../hooks/useDidMountEffect";

  const queryString = () => {
    location.search = `categoryCode=${categoryCode}`;
    navigate(`?${location.search}`);
  };
  useDidMountEffect(queryString, [categoryCode]