supabase.auth.onAuthStateChange 콜백으로 쿼리문 쓰면 안된다.
·
이슈 저장소
0. 이슈 발생 과정1. 카카오 로그인2. 서버 콜백 라우트에서 user테이블에 가입 시킴 ( members 테이블에 없으면 )3. 로그인 됨 내 로그인 로직 순서는,위와 같은 순서로 로그인이 된다.  supabase에서 `onAuthStateChange` 으로 session.user 데이터를 받아올 수 있는데session.user에 들어가는 데이터 형식과, 내가 members테이블에 집어넣은 데이터형식이 달랐다.(예를들면,session.user에는 user_name 이라고 나오고, members 테이블에 집어넣은 데이터는 nickname임) 어쩔수 없이 onAuthStateChange의 콜백형식으로 session.user를 불러오면 session.user.id를 토대로 다시한번 supabase 쿼리문을..
'apollo-upload-client' 모듈을 찾을 수 없었던 이슈..
·
이슈 저장소
결론부터 말하자면,버전 문제 였다. 무지성으로 최근 버전을 인스톨해줬는데, 18.x.x 버전에서 문제가 있는거같다고 한다.그래서 아래의 버전으로 재인스톨해줘서 해결해줬다."apollo-upload-client": "^17.0.5","@types/apollo-upload-client": "^17.0.5",  출처:https://stackoverflow.com/questions/74508867/module-not-found-cant-resolve-apollo-upload-client Module not found: Can't resolve 'apollo-upload-client'I'm on Next.js and can't resolve this issue. I don't find any opened issu..
로그인된 사용자, 로그인 페이지에서 홈으로 리다이렉션 시 UI 깜빡임 문제 이슈
·
이슈 저장소
잠깐이지만 로그인 ui가 나오고 홈으로 리다이렉션이 되는 이슈가 발생했다. 한참 코드를 살펴보고 검색해보고 했는데.. 원인을 알게되었다. 이슈가 발생했을 때 다음코드로 리다이렉션을 처리해줬는데, const navigate = useNavigate(); navigate('/') 위의 코드를 아래와 같이 바꾸니까 이슈가 해결되었다. import { Navigate } from 'react-router-dom'; ; 챗지피티에 물어본 결과 Navigate와 useNavigate의 차이점은 다음과 같았다.Navigate: JSX 내에서 컴포넌트가 렌더링될 때 자동으로 리디렉션을 발생시키며, 조건부 렌더링과 함께 사용됩니다.useNavigate: 코드 내에서 동적 네비게이션을 수행할 때 사용하며, 함수 호출을..