[React-native CLI] RN navigation.navigate 타입 오류 수정

버튼을 클릭하면 Record페이지에 postDate를 넘겨주는 코드를 작성할 때 계속 오류가 발생했다.

 

오류는 아래와 같은데 납득이 안가는 오류문구라 어떻게 고쳐야 될지 고민하고 있었다.

 

처음에는 오류가 발생하는 부분에 타입을 지정하면 되지 않을까?해서 타입을 지정했지만 실패했다.

any마저도 실패해서 이건 아니다라는 생각이 들었다.

'Record', {postDate: currentDate}

 

다음으로 든 생각은 아예 navigation에 타입을 지정하면 어떨까라는 생각이 들었습니다.

const navigation = useNavigation() as any;

이렇게 any를 지정해봤더니 타입에러가 사라지는 걸 알 수 있었다.

그럼 navigation에 대한 탑을 설정하면 해결되겠다 생각해서 타입을 설정해 보았습니다.

 

해결 방안

---

import {
  NavigationProp,
  ParamListBase,
  useNavigation,
} from '@react-navigation/native';

  const navigation: NavigationProp<ParamListBase> = useNavigation();

이렇게 작성을 해주니 해결이 되었습니다.