Bug in Android

[OmarKhanfer]

Describe the bug

I have the following packages

"@react-native-picker/picker": "^2.4.10",
"react": "18.2.0",
"react-native": "0.69",
"react-native-picker-select": "^8.0.4",

its giving me error "Invalid hook call. Hooks can only be called inside the body of a function component. this could happen for one of the following reasons ..."

<RNPickerSelect
                onValueChange={(value) => console.log(value)}
                items={[
                    { label: 'Football', value: 'football' },
                    { label: 'Baseball', value: 'baseball' },
                    { label: 'Hockey', value: 'hockey' },
                ]}
            />

To Reproduce

Steps to reproduce the behavior:

1. Run Android version to 'npm run android'
2. Display Android Emulator
3. Showing in the main page
4. See error

Expected behavior

to see the behavior as the documentation

Screenshots

Add screenshots to help explain your problem. If screenshots aren't applicable to this issue, write "n/a".

Additional details

• Device: [e.g. Android Emulator Pixel 4 API 28]
• OS: [e.g. Android]
• react-native-picker-select version: [8.04]
• react-native version: [0.71.8]
• react: [18.2.0]
• expo sdk version: [n/a]

Reproduction and/or code sample

Provide a link to a reproduction of this issue on https://snack.expo.io or an explanation why you can not. Not including a snack link will result in a significant delay in our ability to address this issue.

[ShivamEviView]

Run this command npm i react-native-picker-select --legacy-peer-deps

[OmarKhanfer]

the solution working fine but I have to flush the cache by using npm start -- --reset-cache

[nympheastudio]

Thanks Shivam, it s working for me too

[vijaykhandal1290]

Thanks @ShivamEviView

[benib3]

Thanks @ShivamEviView i was struggling for a while :)

[stef1103]

A better solution that does not involve installing peer legacy dependencies can be found here: Issue 486