[Typescript] Type instantiation is excessively deep and possibly infinite 에러 해결

Type instantiation is excessively deep and possibly infinite 에러 발생

 

리액트에서 tailwind-styled-components 라이브러리를 사용하는 과정에서 에러가 발생했다.

tailwind styled components에 props를 전달하는 과정에서, 에러가 발생했는데 구글을 검색해보니
타입스크립트의 버전으로 인해 발생한 것으로 확인되었다.

현재 내가 사용했던 타입스크립트의 버전은 4.8.4이였는데, 3.4.3로 변경하니 다시 잘 작동이 되었고, Props에 변수도 전달이 잘 되었다.

버전을 낮으면 해결되는 걸로 보여진다. (참고 URL)