Failed to remove portal

“@gorhom/portal”: “^1.0.0”

I keep getting the following error in React Native

Failed to remove portal ‘1mrgf5_Wbp0kwl8wjzX1w’, ‘autocomplete_section_list’ was not registered! at PortalProviderComponent

Here is the snippet of code where the issue occurs

          <React.Fragment>
                <PortalHost name="autocomplete_section_list" />
                <View style={{ marginBottom: 10 }}>
                    <TextInput
                        autoFocus
                        isDisabled={isDisabled}
                        isRequired={isRequired}
                        label={label}
                        value={value}
                        placeholder={placeholder}
                        onChangeText={onChange}
                        onFocus={() => setHideResults(false)}
                        onBlur={onBlurTextInput}
                        startAdornment={startAdornment}
                        endAdornment={endAdornment}
                        style={style}
                    />
                    {
                        isFetching && (
                            <View style={[theme.selectList, styles.sectionList, styles.loading]}>
                                <Text style={theme.text}>Loading...</Text>
                            </View>
                        )
                    }
                    {
                        !hideResults && !isFetching && (
                            <Portal hostName="autocomplete_section_list">
                                <View style={styles.sectionList}>
                                    <SectionList
                                        sections={options}
                                        keyExtractor={(item) => item.label}
                                        renderItem={renderOption}
                                        renderSectionHeader={renderSectionHeader}
                                        keyboardShouldPersistTaps="always"
                                    />
                                </View>
                            </Portal>
                        )
                    }
                </View>
            </React.Fragment>

[gorhom]

@mattlubner yeah , i properly need to throw an error if a user updated any name ( for portal or host )

[mattlubner]

Any chance hostName="autocomplete_section_list" is being dynamically generated (**in your actual code)?

I was glancing at the code earlier and noticed Portal’s useEffect for unmounting doesn’t list any deps, meaning any changes to the Portal’s name or hostName props could potentially be breaking the call to removePortal.

https://github.com/gorhom/react-native-portal/blob/master/src/components/portal/Portal.tsx#L39