리액트 프로젝트 중 const navigate = useNavigate();를 사용하려고 하는데 React component names must start with an uppercase letter ~ 오류가 발생했다
원인과 해결 방안은 아주 간단한데 매번 깜빡하고 리액트 프로젝트할 때마다 발생했던 오류라서 정리해야겠다 싶었음
🚨 리액트 컴포넌트가 소문자로 시작해서 생긴 오류
리액트는 대문자로 시작하는 태그를 리액트 컴포넌트로 인식하고 소문자로 시작하는 태그는 HTML 태그로 인식한다. 따라서 소문자로 시작하는 컴포넌트에서 useNavigate()를 선언해서 발생한 오류이다.
🔎 해결 방안
그냥 컴포넌트를 대문자로 시작하도록 변경해주면 된다!
'React' 카테고리의 다른 글
| [Redux] Redux란? 내용 총 정리! (1) | 2024.09.17 |
|---|---|
| [React Native] 'react-native-vector-icons' 사용해서 아이콘 출력하기 (0) | 2023.09.19 |
| [React Native] viroreact 라이브러리 사용 및 오류 해결 (0) | 2023.08.13 |
| [React Native] React Native CLI + 안드로이드 스튜디오 실행 (0) | 2023.07.26 |
| [React] 아이콘 클릭 시 외부 페이지로 이동 (0) | 2023.02.20 |