Problem with the "BottomNavigation.Bar" component example (route.title)

[Tarac21]

Current behaviour

The title in route.title is displayed in red to indicate that there is an error.

TS2339: Property title does not exist on type NavigationRoute<ParamListBase, string>

Suppress with @ts-ignore | More actions...

title?: string | undefined

react-native-paper

Expected behaviour

No error message is displayed.

How to reproduce?

Redo the example from https://callstack.github.io/react-native-paper/docs/components/BottomNavigation/BottomNavigationBar.

Preview

What have you tried so far?

Using @ts-ignore does not change anything.

Your Environment

software	version
IntelliJ IDEA	2024.1.4 (Ultimate Edition)
android	14
react-native	0.74.3
react-native-paper	^5.12.3
node	20.15.0
npm	10.8.2
expo sdk	?

[gedu]

Hey, can you provider some code? the I just copy and paste the code from Example into a .tsx and is working

[alienzhangyw]

Hey, can you provider some code? the I just copy and paste the code from Example into a .tsx and is working

Here's the error:

VSCode says the type of route is NavigationRoute<ParamListBase, string>, which doesn't have the property of title.

[SectionTN]

same issue

[shrsthameet]

Any updates on this issue. I am getting the same issue.

[paolini-sounds]

Same issue! Would love updates

[n-ii-ma]

Same issue here.

[GGORG0]

Same here..

[KiddoV]

Got the same issue, any update?

[lukewalczak]

Revised and updated the example:

           getLabelText={({ route }) => {
             const { options } = descriptors[route.key];
             const label =
               typeof options.tabBarLabel === 'string'
                 ? options.tabBarLabel
                 : typeof options.title === 'string'
                 ? options.title
                 : route.name;

             return label;
           }}