[Next + Supabase] 2개의 supabase 클라이언트
- 🚨 에러 해결
- 2024. 10. 22.
🚨 에러
You're importing a component that needs next/headers. That only works in a Server Component which is not supported in the pages/ directory. Read more: https://nextjs.org/docs/getting-started/
│ react-essentials#server-components
💡 원인
supabase를 Next.js에서 사용할 때 2개의 supabase client를 설정해놓는다. 하나는 클라이언트 환경(브라우저)에서 사용, 또 다른 하나는 서버 환경에서 사용한다. 근데 서버용 supabase client를 클라이언트 환경에서 사용하려하니 난 에러이다.
📍 해결
서버 액션 파일 상단에 "use server"지시어를 입력하고 바로 해결 되었다.
'🚨 에러 해결' 카테고리의 다른 글
| 🚨 [queryKey 중복 이슈] - 같은 요청인데 다른 데이터가 들어오는 문제 #Next.js (0) | 2024.10.30 |
|---|---|
| 🚨 [Next에서 말도안되는 에러가 날 때] # .next 캐시 파일 (0) | 2024.10.25 |
| [Next + TS] 서버 함수는 초기 렌더링 중에 호출될 수 없..다? #useSuspenseQuery (0) | 2024.10.21 |
| 🚨 [supabase 데이터가 빈 배열로 오는 문제] (0) | 2024.10.17 |
| 🚨 [yarn berry] Cannot find module 어쩌구 (0) | 2024.10.16 |