Relay DevTools에서는 사진과 같이 표시됩니다.

구체적인 컨텍스트를 공유드리자면, 현재 시간을 기준으로 데이터를 필터링하는 로직을 구현하고자 합니다. 그래서 window에 focus 이벤트가 발생할 때 마다,

new Date()

로 새로운 상태를 지정합니다.

message has been deleted

QueryRenderer에 입력한 props는 다음과 같습니다.

네트워크 탭을 확인했을 때, 중복된 요청이 발생하는 것을 확인할 수 있었습니다.

제가 예상한 동작은

nowDate

상태가 변경될 때, 한 번만 요청을 보낼 것으로 예상했는데, 두 번씩 호출되는 것이 relay 내에서 의도된 동작인지 궁금합니다… 지혁님의 ts korea 발표를 보고 너무 궁금해서 써보고 있는 gql린이입니다 😅

저도 지금 의도하신 코드에서 Relay에서는 한번 요청나가야되는걸로 보여요. React 쪽은 문제가 없나요?

아무래도 리액트쪽 문제라고 추정하고 있습니다. 일단은 무시하고 계속 사용해도 될 것 같긴 한데 영… 찜찜하네욥. 현재 사용중인 버전은 16.13.1입니다.

해당하는 기능을 구현하는건 RefetchContainer가 맞는거 같더라구요. QueryRenderer에 variables를 수정하게되면, 기존 캐시가 다 날아가게되는데, 이런걸 봤을때 relay에서 QueryRenderer에 들어가는 variables를 상태로써 수정가능하도록 의도한게 아닌거같아요.

QueryRenderer는 페이지 prop을 받아서 (query param) 루트 쿼리 역할만 해주는 껍데기 느낌으로 가져가고, variable을 지속적으로 바꿔서 계속 Query 날려야하는 친구는 RefetchContainer로 가져가는게 맞는거같아요.

저는 그래서

useEffect(() => {}, [state])

로 만들고, 요 안에서

refetch

함수를 부르는식으로 짰습니다 ㅎㅎ