[React] React18 : Type{} is not assignable to type 'ReactNode' 해결

1. 문제

React-slick을 사용하다가 발견한 문제이다. React 17때만 해도 잘 돌아가던 코드가 18로 업그레이드 되자 타입 인식을 잘 하지 못하는 문제가 발생했다. 다음은 stack-overflow와 인터넷을 뒤지다가 찾은 해결책이다. 

 

2. 해결책

이 문제는 npm을 사용하는지와 yarn 을 패키지 매니저로 사용하는 것에 따라 해결 방법이 다르다. 하지만 아주 조금 다르다. 

Yarn 사용시 

package.json에 다음과 같은 내용을 추가해준다. 

  "resolutions": {
    "@types/react": "^17.0.38"
  }

Npm사용시 

package.json에 다음과 같은 내용을 추가해준다. 

"overrides": {
    "@types/react": "^17.0.38"
  }

3. 그 다음은?

진행중이던 것을 멈추고 Yarn이면 Yarn명령어를 NPM이면 NPM install 명령어를 통해 패키지를 다시 오버로드 해주면 된다. 

 

4. 참고 

https://velog.io/@hjkdw95/React18-Type-is-not-assignable-to-type-ReactNode-%ED%95%B4%EA%B2%B0