알람 오류 해결 + Tanstack-Query Devtools 설치

[jihostudy]

1. 오류 해결

알람 확인 요청이 로그인되지 않은 상태에서도 계속 보내지는 오류

오류원인

로그인하지 않은 상태에서는 초기값이 accessToken = "" 이며, 이는 enabled 설정인 accessToken !== undefined 에 걸리지 않음.

해결방법

초기값 accessToken ='' 에 따라, enabled 설정을 동기화시킴.

const { data: AlarmData, isPending: isPendingAlarmData } = useQuery({
    queryKey: QUERY_KEYS.MYPAGE.ALARM_LIST,
    queryFn: async () => {
      const data = await SettlementAlarmList({ accessToken })

      return data.data as AlarmDTO[]
    },
    enabled: accessToken !== '' /** 로그인되어 있을 경우만 */, ✅ undefined -> '' 로 변경됨
  })

2. Tanstack-Query DevTools를 설치했습니다.

공식지원하는 도구로, 캐싱값의 상태를 우하단 아이콘을 눌러서 확인할 수 있습니다!