<aside> 💡 질문1

</aside>

사용자 피드백

<aside> 💡 질문2

</aside>

Suspense 관련 질문

  1. suspense 옵션을 준 useQuery를 컴포넌트에서 사용하기 위해서는 반드시 상위에서 ErrorBoundary와 Suspense를 감싸서 각각의 상황마다 보여줘야 할 화면을 선언해줘야 하는 것으로 알고 있는데요, 만약 특정 페이지 컴포넌트에서 useQuery를 사용하고 있다면 그 페이지 컴포넌트를 래핑한 걸 export하는 방법이 괜찮은 방법일까요? 예시 코드

  2. 1번째 질문과 비슷한 결의 질문일 수 있는데요! react-router-dom의 <Route> 컴포넌트의 children으로는 Suspense를 줄 수 없는 것 같던데, react-router-dom과 tanstack-query를 같이 사용했을 때 Suspense로 비동기 처리를 적절하게 선언적으로 하는 방법이 있을까요?

저희가 처음에 생각했던 방법은 아래와 같은 느낌이었는데 불가능했었습니다 😭

<BrowserRouter>
	<Routes>
		<Suspense fallback={<Loading />} />
			<Route path="/setting/slack/confirmation" element={<SlackConfirmation />} />
		</Suspense>
	</Routes>
</BrowserRouter>
  1. 저희가 현재 라우팅 페이지를 설정해주는 방법이 있고, 또 v6에는 createbrowserrouter() 라는 새로운 API도 등장한 것으로 알고 있는데 멘토님께서는 어떤 방식을 더 추천하시나요?
  2. 저희 프로젝트에서 ErrorBoundary 컴포넌트를 어디에 선언해야 좋을지 고민이 되었습니다.. App 컴포넌트의 return 부분을 한 번 래핑해서 모든 컴포넌트의 에러를 기본적으로 캐치할 수 있도록 선언해놓을지, 아니면 각각의 페이지 컴포넌트에서 ErrorBoundary를 선언해 놓을지 고민이 되는데 혹시 조언을 해주실 수 있나요??

Error Boundary, Suspense -> AsyncBoundary로 대체 가능.