TypeScript에서 useSearchParams를 쓸 때 나오는 오류

1. 문제 발생

 코딩을 잘 하던 중 useSearchParams에 문제가 발생했다. 

ReadonlyURLSearchParams' 형식은 '--downlevelIteration' 플래그 또는 'es2015' 이상의 '--target'을 사용하는 경우에만 반복할 수 있습니다.

 

2. 해결 방안 고민

 -. es2015 이상의 target이라는 것을 보니 version 문제 같다는 생각을 했다. 

 - useSearchParams가 TypeScript에서 사용이 안 되나 싶어서 확인도 해 봤는데, 그건 아니었다. 

 - 짧게 고민을 마치고 구글링으로.

 

3. 문제 해결

 - 간단한 구글링을 통해 문제 해결 방안을 찾았다. 

 - tsconfig.json에서 target을 ES2015 이상으로 설정한다.

{
  "compilerOptions": {
    "target": "ES2015" // 또는 "ES6", "ES2017", "ES2020", 등
  }
}

 

4. 회고

 - 끊임없는 type 오류 속에서 그나마 쉬웠던 오류 메세지. 그러나 또 같은 오류가 나올 수 있기에 항상 기록해 둘 것.