문제 상황

문제 원인

url 입력 후 enter을 누르기 직전까지 계속해서 useQuery get을 요청하는 네트워크 에러 발생… ㅠ.ㅠ

해결 방안

Query Options

• enabled (boolean)

: enabled 는 쿼리가 자동으로 실행되지 않게 설정하는 옵션

export const useGetTabName = (requestUrl: string) => {
	return useQuery({
		queryKey: ['tabName', requestUrl],
		queryFn: () => getTabName(requestUrl), 
		/// 요 부분 enabled 속성 추가
		enabled: requestUrl !== '',
	});
};