if the compoenet in the same page hide and show then the old values are gets reset why and the input value became null i am using the multiple steps forms design so i want to hide and show the element but while doing that i am this issue so please guide me on this

[Ram200231]

<GooglePlacesAutocomplete placeholder="Search" onPress={(data, details = null) => { //console.log(data, details); console.log(data.description) BirthAnnouncementText(data.description, "Location") }}

            onNotFound={() => console.log('no results')}
            listEmptyComponent={() => (
              <View style={{flex: 1,padding:20,alignItems:'center'}}>
                <Text>No results were found</Text>
              </View>
            )}
            query={{
              key: 'Google API key ',
              language: 'en',
            }}
            styles={{
              textInput: { ...Signinstyles.newoccinput },
              description: { fontWeight: 'bold' },
              predefinedPlacesDescription: { color: '#1faadb' },
              listView: {
                width: '100%',
                borderWidth: 1,
                borderColor: 'gray',
                borderRadius: 5,
                backgroundColor: '#fff',
                zIndex: 1,
              },
            }}
            textInputProps={
              {
                onChangeText:(text) => {BirthAnnouncementText(text, "Location")},
                value:BirthAnnouncementInput.Location
              }
            }
        
            
          />