TypeScript 타입 에러로 빌드가 깨졌다

🤖 769 in / 673 out / 1442 total tokens

v0.9.0에서 빌드가 실패했다. TypeScript가 엄격하게 잡히면서 두 가지 문제가 튀어나왔다.

ErrorFallback 컴포넌트에서 action 속성을 null로 줬는데, 타입 정의상 undefined여야 했다. 사소해 보이지만 TS는 이걸 놓치지 않는다. null과 undefined는 다른 타입이다.

route-validation 쪽은 Location 타입 구조가 바뀌었는데 검증 함수는 옛날 방식 그대로였다. lat, lng를 직접 접근하던 걸 coordinates 객체에서 꺼내도록 수정했다. 테스트 데이터도 동일한 구조로 맞췄다.

export function validateRoute(start: Location, end: Location): ValidationResult {
  const { coordinates: { lat: startLat, lng: startLng } } = start;
  const { coordinates: { lat: endLat, lng: endLng } } = end;
 
  if (startLat === endLat && startLng === endLng) {
    return { valid: false, error: 'SAME_LOCATION' };
  }
}

타입 정의 바뀌면 사용처도 전부 찾아서 고쳐야 한다. IDE 자동완성 믿고 대충 쓰면 나중에 빌드에서 터진다.