[React] Minified React error 해결

🍰 Minified React error #426

는 컴포넌트가 마운트되기 전에 비동기 작업이 완료되어 해당 컴포넌트가 언마운트(unmounted)된 후에도 상태(state)를 업데이트하려고 할 때 발생

🍪 해결책 

1. 컴포넌트 마운트 전에 비동기 작업이 완료되도록 하자
이 경우 componentDidMount 함수를 사용하거나, React Hook의 useEffect 훅을 사용하여 컴포넌트가 마운트되면 비동기 작업을 수행하도록 하자

2. 컴포넌트가 마운트되지 않은 경우 상태 업데이트를 방지하기 위해 isMounted 변수를 사용
이 방법은 공식적으로 권장되지 않지만, 일부 상황에서는 유용할 수 있다.

 

🍰 Minified React error #310

"Element type is invalid" 오류를 나타내는 것, 컴포넌트의 이름이나, 리액트 엘리먼트가 잘못되었을 때 발생

1. 리액트 엘리먼트가 유효하지 않은 경우 (예 : null 또는 undefined)
2. 컴포넌트의 이름이 유효하지 않거나, 소문자로 작성되어 있지 않은 경우
3. 컴포넌트를 import 하지 않은 경우

🍪 해결책

1. 올바른 리액트 엘리먼트를 사용
- 해당 엘리먼트가 유효한지 확인 및 필요한 경우 수정

2. 컴포넌트의 이름이나 작성 방식을 수정
- 컴포넌트 이름을 올바르게 작성하거나, import 문을 추가하여 컴포넌트를 사용할 수 있도록 변경