CardField crashes the app when it's focused and unmounted while using the new architecture (Fabric)

[aganov]

Using the new NEW_ARCH (Fabric), the app crashes with the error: Swift runtime failure: force unwrapped a nil value + 0 [inlined] closure #1 in CardFieldManager.blur(_:) + 484 when the component containing CardField is unmounted while the CardField is focused.

To Reproduce
Steps to reproduce the behavior:

1. Create a screen with a CardField component and compile the iOS app with RCT_NEW_ARCH_ENABLED=1.
2. Focus on the CardField.
3. Unmount the screen (e.g., using navigation.goBack, bottomsheet.close, etc.).
4. See the crash.

Expected behavior
The app should dismiss keyboard and unmount the screen without crashing, even when the CardField is focused.

Screenshots
N/A

Desktop (please complete the following information):

• OS: iOS
• Browser: N/A
• Version: N/A

Smartphone (please complete the following information):

• Device: iPhone15
• OS: iOS 18.5
• Browser: N/A
• Version: N/A

Additional context
This issue occurs only when using the new Fabric architecture with RCT_NEW_ARCH_ENABLED=1. I have not tested on Android yet, the issue may also be present there.

[griffinshuth]

Android does not even show the CardField with Fabric enabled. This is a huge issue since react native 76 which is coming out next month will have the new Architecture enabled by default which will make this library unusable at that point. @charliecruzan-stripe any update on supporting Fabric?

[iM-GeeKy]

@davidme-stripe @charliecruzan-stripe is there any update on this? New arch support appears to be landing soon and this is one issue we are seeing in our preparations.

[griffinshuth]

any update on this react native 0.76.0 was just released today with the New Arch turned on by default and this library does not work with it are you guys going to update it?

[angelica-snowit]

any update?

[FladioArmandika]

any update?

[MohamadAlAdraa]

any update?

[Jleban]

any update ? This is very problematic

[Jleban]

did you solve it @aganov ?

[ole-nikitas]

Try to create hidden input and focus on it before hide keyboard or close page.

[iM-GeeKy]

Is there a patch we can apply temporarily until this issue is resolved? @tjclawson-stripe @ianjabour-stripe @charliecruzan-stripe

[sajorahasan]

Faced the same issue, and its keeping us from migrating to new architecture.

[firasrashidi]

Any updates?

[tjclawson-stripe]

Hi all, thanks for reporting. We're working on updating to the new architecture and will post an update when completed.

[firasrashidi]

Thank you, any timeline though?

[sajorahasan]

Any update on this?

[RepoCheyo]

hi trying to implement add card functionality to react native app, the thing here its that only with navigation going back or closing the component where the CardField its inside whether is focused or has been focused once it crashes in auto the app. Tried using inside react navigation lib the method navigate.popToTop it still not working.

[haris18896]

is there any update on this, On ios my app crashes when I close the bottomSheet or navigate to another screen, and on android I'm not getting the cardDetails in the callback function onCardChange