Typescript error: .openDrawer() does not exist on type 'NavigationProp'

[batjko]

Hi,

I am using Typescript in my project (react-navigation comes with types out of the box), but otherwise followed your instructions to the letter.

It all works fine in the emulator, too. 🥳
But it's worth noting that there seems to be a missing prop for the useNavigation hook.
It's not an issue with your code, just with react-navigation, it seems, which people using Typescript will notice when following your video, so i thought I register it here for others to find.

These are the props the navigation comes with:

For reference, there is a related issue on the react-native repo: react-navigation/hooks#42

[batjko]

I just found that this comment has the right solution: react-navigation/react-navigation#6592 (comment)

Apparently, the openDrawer() method now exists on the @react-navigation/native package, and needs to be dispatched by the navigation hook.

So this works:

[ghost]

Thank you @batjko

[parmarravi]

Close drawer do not work with this method