inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

Stack.navigator오류가 있어요

162

정근혁

작성한 질문수 5

0

react-native typescript nestjs react-query zustand

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 투더무운님이 겪고 계신 문제는 TypeScript를 사용하면서 타입 정의에서 ‘id’ 속성이 누락되었다는 경고 메시지 같습니다. 이 문제를 해결하기 위한 기본적인 접근법을 안내드리겠습니다.

문제 원인

해당 오류는 TypeScript가 컴포넌트에 전달되는 props의 타입을 검사할 때, 예상되는 특정 속성(id)이 제공되지 않았을 때 발생할 수 있습니다. 이 경우, createStackNavigator 등에서 정의된 타입에서 ‘id’라는 속성이 필요하다는 경고가 나타날 수 있습니다.

해결 방법

  1. 타입 정의 확인: AuthStackParams에서 각 스크린에 필요한 props를 제대로 정의해줍니다. 만약 ‘id’ 속성이 필수라면, 해당 타입 정의에 추가해야 합니다.

  2. id 속성 추가: 해당 경고가 발생하는 위치에서 ‘id’ 속성을 추가하도록 코드를 점검합니다. 만약 스크린 컴포넌트에서 id가 필요하지 않지만 정의되어야 하는 부분이라면, 디폴트 값을 주거나 코드 구조를 다시 검토해볼 필요가 있습니다.

  3. 라이브러리 설정 및 버전 확인: 사용 중인 @react-navigation/stack 패키지 및 관련 라이브러리의 버전을 확인하고, 최신 버전으로 업데이트합니다. 종종 새 업데이트에 버그 수정이나 변경 사항이 포함되어 있습니다.

  4. 타입스크립트 설정 파일(tsconfig.json) 점검: 설정 파일에서 strict 모드 관련 옵션을 점검하여, 의도하지 않은 타입 체크 옵션이 활성화되어 있는지 확인해보세요.

비슷한 이슈 및 해결 사례

아래는 유사한 문제를 다룬 질문 링크입니다. 투더무운님께서 겪고 계신 이슈와 유사할 가능성이 있는 질의응답을 참고해 보실 수 있습니다:
- DrawerNavigation 오류

문제 해결에 도움이 되기를 바랍니다. 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2