When using biometrics in react-native, iOS Face ID prompts comes only at the second time

[THPubs]

Minimal reproducible example

https://github.com/THPubs/expo-secure-store-biometrics

What platform(s) does this occur on?

iOS

Did you reproduce this issue in a development build?

Yes

Summary

I use expo SecureStore to store the session token in my react-native app like this:

await SecureStore.setItemAsync(
  'session',
  JSON.stringify({
    ...JSON.parse(session),
    refreshToken,
  }),
  {
    requireAuthentication: true,
  },
);

This should bring the FaceID prompt in iOS. But it does not. If I call this twice, then it shows the FaceID prompt. Also when I delete the value and try to re-add it, the Face ID prompt will not being shown unless I press the button twice (I was referring to the minimal reproducible example.)

Environment

  expo-env-info 1.2.0 environment info:
    System:
      OS: macOS 14.5
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.12.2 - ~/.local/state/fnm_multishells/63778_1718091622562/bin/node
      Yarn: 1.22.22 - ~/.local/state/fnm_multishells/63778_1718091622562/bin/yarn
      npm: 10.5.0 - ~/.local/state/fnm_multishells/63778_1718091622562/bin/npm
      Watchman: 2024.05.06.00 - /usr/local/bin/watchman
    Managers:
      CocoaPods: 1.15.2 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 23.5, iOS 17.5, macOS 14.5, tvOS 17.5, visionOS 1.2, watchOS 10.5
    IDEs:
      Xcode: 15.4/15F31d - /usr/bin/xcodebuild
    npmPackages:
      expo: ~51.0.12 => 51.0.12
      expo-router: ~3.5.16 => 3.5.16
      react: 18.2.0 => 18.2.0
      react-dom: 18.2.0 => 18.2.0
      react-native: 0.74.2 => 0.74.2
      react-native-web: ~0.19.10 => 0.19.12
    npmGlobalPackages:
      eas-cli: 9.1.0
    Expo Workflow: managed

Expo Doctor Diagnostics

✔ Check Expo config for common issues
✔ Check package.json for common issues
✔ Check dependencies for packages that should not be installed directly
✔ Check for issues with metro config
✖ Check for common project setup issues
✔ Check npm/ yarn versions
✔ Check Expo config (app.json/ app.config.js) schema
✔ Check native tooling versions
✔ Check for legacy global CLI installed locally
✔ Check that native modules do not use incompatible support packages
✔ Check that native modules use compatible support package versions for installed Expo SDK
✔ Check that packages match versions required by installed Expo SDK

Detailed check results:

This project has native project folders but also has config plugins, indicating it is configured to use Prebuild. EAS Build will not sync your native configuration if the ios or android folders are present. Add these folders to your .gitignore file if you intend to use prebuild (aka "managed" workflow).

[expo-bot]

Thank you for filing this issue!
This comment acknowledges we believe this may be a bug and there’s enough information to investigate it.
However, we can’t promise any sort of timeline for resolution. We prioritize issues based on severity, breadth of impact, and alignment with our roadmap. If you’d like to help move it more quickly, you can continue to investigate it more deeply and/or you can open a pull request that fixes the cause.

[vonovak]

Hello @THPubs and thanks for reporting,
I have opened #29981 that explains the behavior better in our docs. The bottom line is that what you're seeing is expected. Can you take a look at the PR and confirm if it clarifies the behavior for you?
Thank you 🙂

[THPubs]

Awesome thanks @vonovak ! This clears things up 😀