React 에러 모음집

Cannot read properties of null...

해당 에러는 UseState의 초기값을 null 로 설정해둔 경우, 뒤에서 setter 함수를 통해 값을 업데이트 해줬음에도 props로 값을 전달할 때 null 값으로 읽힐 때 계속 뜨던 에러이다.
에러 해결은 초기값을 null이 아닌 "", [], {} 등으로 설정해두면 에러가 나지 않았다!

Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment

JSX를 쓰려면 하나의 태그로 묶어두자! 예를 들면 여러 HTML 요소들을 <div\> </div\>로 묶어서 사용하면 해당 에러가 나타나지 않는다.
관련 포스팅 - React.Fragments

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
- install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "url": false }

무슨 이런 어마어마한 오류가.... 웹팩 버전 5 미만에서는 기본적으로 Node.js 핵심 모듈에 대한 폴리필(polyfill)을 포함시켰지만, 웹팩 5 이상에서는 더 이상 기본적으로 이러한 폴리필을 포함시키지 않는다는 뜻. 따라서 필요한 경우 이 모듈에 대한 폴리필을 추가하고, 이에 대한 웹팩 설정을 조정해야 한다..

참고!!