Render Error: Cannot read property 'level3' of undefined in Searchbar

[prathameshkarambelkar]

Current behaviour

Error in searchbar component ,
RENDER ERROR: Cannot read propert 'level3' of undefined

Expected behaviour

should work fine without error

How to reproduce?

just imported searchbar, and gave necessary props as shown in documentation

Preview

What have you tried so far?

Not found any solutions on web so far, re-installed the library

Your Environment

software	version
react-native	0.71.7
react-native-paper	^5.9.1
node	18
yarn	x.x.x

[lukewalczak]

Hey @prathameshkarambelkar, I'm not able to reproduce your issue, what you can observe on the following snack. Could you please prepare your snack presenting the problem?

[github-actions]

Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.

[lukewalczak]

Closing due to inactivity.

[7ipolito]

Same problem here

[LucasTrombim]

Same here.

[lukewalczak]

Can you then provide the repro?

[Systemcheck]

I had the same error yesterday with the following theme extending:

const md3theme = useMaterial3Theme(); const paperTheme = theme === 'dark' ? { ...MD3DarkTheme, colors: { ...md3theme.dark, gradientStart: '#00092b', gradientEnd: '#000000', surface: '#999999', //...
md3theme.dark is undefined so thatswhy level3 was not set. I fixed it with: md3theme.theme.dark

maybe this helps

[amorimcode]

same here

[achadee]

Also having this issue with Dialogs

[lukewalczak]

Please provide the repro in order to fix the issue. Create the expo snack or prepare sample github repo

[ninekaw9]

In
const theme = {
...DefaultTheme,
colors: {
...DefaultTheme.colors,
},
};

make sure that they are imported from

import { DefaultTheme, PaperProvider } from 'react-native-paper';

that fixed the problem for me