Estoy tratando de enviar al usuario a la configuración de IOS de mi aplicación usando el enlace de exposición:

El componente:

 <Card disabled={true}> <Text>{isSettingModalOpen}</Text> <Button onPress={() => setIsSettingModalOpen(null)}> DISMISS </Button> <Button onPress={() => { openAppSettings(); }} > Go To Settings </Button> </Card>

La lógica del botón de configuración abierta:

 export const openAppSettings = async () => { try { if (Platform.OS === "ios") { await Linking.openURL("app-settings:"); } else { const pkg = Constants.manifest.releaseChannel ? Constants.manifest.android.package build : "host.exp.exponent"; await IntentLauncher.startActivityAsync( IntentLauncher.ActivityAction.APPLICATION_DETAILS_SETTINGS, { data: "package:" + pkg } ); } } catch (e) { console.log("Error -openAppSettings-", e); } };

En los dispositivos Android, este código funciona sin problemas, pero en los dispositivos IOS, cuando presionamos "ir al botón de configuración", aparece el error:

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

No estamos usando ninguna referencia en nuestro proyecto, por lo que agradeceríamos cualquier ayuda.