인생 1회차 (First-Life) Ing

문제 리액트에서 import 시 경로가 react/cjs/react.production.min 처럼 들어올 때 해결방법 npm install --save @types/react

에러코드 React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. 해결방법 공식문서 : Don’t call Hooks inside loops, conditions, or nested functions. Instead, always use Hooks at the top level of your React function, before any early returns. => 반복문, 선언문, 중첩된 함수 내에서 훅을 사용하지 말자! (return문을 사용하면 안됨) Hook을 최상위에 선언하자! (useEffect 뿐 아니라 useMemo 등..

import { useNavigate } from "react-router-dom"; const navigate = useNavigate(); 에러코드 Attempted import error: 'useHistory' is not exported from 'react-router-dom'. 해결방법 react-router-dom v6로 업데이트 되면서 useHistory가 useNavigate로 바뀜

에러코드 1. Error: [App] is not a component. 2. export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'. 해결방법 react-router-dom v6로 업데이트 되면서 Switch를 쓸 수 없게 됨 Switch -> Routes 로 바꿔서 쓰기 element 로 컴포넌트 추가 // 업데이트 전 function App({ authService }) { return ( ); } // 업데이트 후 function App({ authService }) { return ( ); }