개발잘하고싶다

문제가 된 코드 const { data, isLoading, isError, error } = useQuery({ queryFn: () => getData(), queryKey: ['options', userId], enabled: !!userId, }); if(isError) {return error {error.toString()}} React.useEffect(() => { if (data) { setOptions(data?.options); } }, [data]); return (...) 무슨 오류 인가요? 오류 문구를 그대로 해석해보면 "이전 렌더링 중보다 더 많은 hooks를 렌더링했습니다" 같은 컴퍼넌트에서 호출된 hooks 수가 조건에따라 달라지면 안된다를 의미합니다. 그렇다면 hooks ..

지난 6개월동안 저를 괴롭혔던 오류입니다. 해당 컴퍼넌트 뿐만 아니라 대부분의 컴퍼넌트애 JSX 컴퍼넌트 이슈가 발생하는 문제가 있었습니다. 이 오류로 인해서 VScode 코드 요약 부분(우측 상단에 있는 기능)은 항상 오류 투성이라 해당 기능을 사용할 수 없는 문제가 있었습니다. [오류 조건] 1. 해당 이슈는 개발팀원 중 저에게만 일어났습니다. (package.lock 파일을 지우고 npm install 했을때는 다른 팀원분들도 같은 오류가 났습니다.) 2. 회사에서 제공해준 컴퓨터에서는 문제가 없고, 제가 구매한 컴퓨터에서 문제가 있었습니다. 3. 회사에서 제공해준 컴퓨터에서 제 컴퓨터로 마이그레이션 한 상태였습니다. 위의 3가지 조건으로 가설을 세우고 크게 4가지 케이스로 오류를 해결하고자 했습니..