Next.js와 Styled-Components 사용 시 Unknown Prop Warning 해결하기
·
Next.js
1. 문제 상황Next.js 프로젝트에서 styled-components를 사용해 스타일링을 적용하던 중, 다음과 같은 경고 메시지가 콘솔에 출력되었습니다.styled-components: it looks like an unknown prop "bold" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `` (connect an API like `@emotion/is-prop-valid`) or consider using transient pro..
[Next.js] Image is missing required "src" property:
·
Next.js
const [profileImg, setProfileImg] = useState(""); useEffect(() => { setMounted(true); if (isLogin && userInformation) { setProfileImg(userInformation.gender === "MAN" ? "/manIcon.png" : "/womanIcon.png"); } }, [isLogin]); Image is missing required "src" property: => 에러가 뜨는 이유? 위 코드에서 profileImg가 없을수도 있어서! src={변수} 이면, 변수에 값이 없는 경우도 고려해주어야한다. 해결 {profileImg &&
[error] next start/ next build 시 에러
·
Next.js
에러 메시지 next : The term 'next' is not recognized as the name of a cmdlet, function, script file, or operable pro gram. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. -> next가 없다는 의미 이므로 설치해주면 됨 해결 방법 npm install next -g