How to navigate to a screen comming from RN4 upgrading to RN5

[yesIamFaded]

Current behavior

No navigation happening!

Expected behavior

Hey I am trying to update from react navigation v4 to v5.

I replaced the old Navigators with the new one, changed all imports and so on.

I got the App running again and now I would like to Login. But when I press the Login Button it does not work anymore.

Error: TypeError: undefined is not an object (evaluating 'props.navigation.navigate')
this is the Code that navigates on Button press: props.navigation.navigate("Tabs");

Can someone explain what changed? I have seen some Hooks that where introduced in the Module - do I NEED to use them? I dont want to have functionall Components in my App its all Class Based (old approach) - does it still work like that?

Reproduction

no link just a generall question

Platform

• Android
• iOS
• Web

Packages

• react-navigation-​drawer
• react-navigation-​stack
• react-navigation-​tabs

Environment

• I've removed the packages that I don't use

package	version
react-navigation	"^5.9.8"
react-navigation-bottom-tabs	"^5.11.15"
react-navigation-stack	"^5.14.9"
react-native-safe-area-context	"4.4.1"
react-native-gesture-handler	"~2.8.0"
react-native-reanimated	"~2.12.0"
react-native	"0.70.5"
expo	"^47.0.0"
node	v18.12.1
npm	7.20.5

[github-actions[bot]]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link, a www.typescriptlang.org/play link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

A repro will help us debug the issue. The issue will be closed automatically after a while if you don't provide a repro.

[github-actions[bot]]

Couldn't find version numbers for the following packages in the issue:

• react-navigation
• react-navigation-tabs
• react-navigation-stack

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[github-actions[bot]]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-navigation (found: 5.9.8, latest: 4.4.4)
• react-navigation-stack (found: 5.14.9, latest: 2.10.4)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[yesIamFaded]

ayo github bot are you trolling me ? What do you mean the latest version is 2.10.4 ? the latest is: 6.3.5

[yesIamFaded]

Aight nvm I am retarded I did not connect the "Tabs" properly..

[yesIamFaded]

However even when I connect it i get TypeError: undefined is not an object (evaluating '_this.navigation.navigate') - i tried props.navigate, this.navigate and this.props.navigate - nothing seems to work