- dev에서 작업 중 React Hydration Error가 발생하였음
- 구글링으로 찾아보니, "사전 렌더링(SSR/SSG)된 트리와 브라우저에서 첫번째 렌더링된 트리 사이에 차이가 있을 때 해당 에러가 발생할 수 있다." 고 함
- 또는
태그나 MUI 컴포넌트로 감싸져 있을 때(같은), 발생하기도 한다고 함
- 강산님께 물어보니, build를 해보고 나오는 에러를 먼저 체크하고 보자고 하심
- build 중 발생한 error를 찾아 수정하였더니 해결됨
- hooks의 이름을 use가 아닌 get으로 작명하여 생긴 문제였음
Error: React Hook "useQuery" is called in function "getCompaniesByUserId" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use"