React_useEffect 첫 랜더링 멈춰!

프론트 코드짜다 1번 페이지에서 특정 버튼 클릭해 Redux 에 데이터를 담고
2번 페이지로 넘어가면 오류가 뜨는 버그를 발견했다.

여차저차 뜯어보니 2번페이지의 useEffect 때문인것을 발견.

커스텀 훅을 만들어 해결해보았다.

import React, { useEffect, useRef } from 'react';

const customUseEffect = (func, deps) => {
	const didMount = useRef(false);

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

export default customUseEffect;

useEffect와 같은방법으로 사용하자.