[FE] fix: 로그인, 파일불러오기 ,파일 삭제 오류 해결

[d0422]

PR 설명

로그인, 파일 불러오기, 파일 삭제 오류 해결

✅ 완료한 기능 명세

• 파일 불러오기에서 모달이 바로 뜨지 않는 문제 해결
• 파일 삭제가 제대로 되지 않는 문제 해결
• login next query가 제대로 가지 않던 오류 해결

고민과 해결과정

로그인 버튼 리다이렉트 쿼리 문제

function Main() {
  return (
    <QueryClientProvider client={reactQueryClient}>
      <RouterProvider router={router} />
      <Modals />
    </QueryClientProvider>
  );
}

모달이 Router Provider바깥에서 렌더링 되기때문에 useParams가 제대로 동작하지 않았다.
window.location.pathname으로 얻어와서 처리해주었다.

모달이 바로 뜨지 않는 문제

refetch함수는 promise를 반환하는 비동기 함수다.
await로 해결해주었다.

  const handleLoadCloudCodeFile = async () => {
    await refetch();
    setClick(true);
  };