Fix: Prevent 'TypeError: Cannot read property 'value' of undefined' in Picker Component

[aahmadsaleem95]

While working on a simple task in my React Native Expo application, I encountered an issue when using a picker component. The error was observed on my Android device during runtime.

Problem
The error message suggested a potential issue with null or undefined values being passed to the picker. After investigating further, I discovered that the value prop for some Picker.Item components was not being validated properly in this case if an empty string was passed. Causing the application to crash in specific scenarios.

Code Snippet

<View style={styles.dropdownContainer}>
     <Text style={styles.label}>City / Region</Text>
      <Picker
            selectedValue={city}
            style={styles.picker}
            onValueChange={(itemValue) => {
              setCity(itemValue);
              setArea("");
            }}
          >
          <Picker.Item label="Select City" value="" />
          <Picker.Item label="Lahore" value="Lahore" />
          <Picker.Item label="Faisalabad" value="Faisalabad" />
      </Picker>
 </View>

Solution
To address this, I implemented null checks in the code to ensure that value prop is validated properly. I thoroughly tested the fix locally and confirmed that the issue no longer occurs on Andriod devices.

[Naturalclar]

LGTM!

[Naturalclar]

🎉 This PR is included in version 2.10.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀