Not compatible with StrictMode

[theKashey]

Summary

We have discovered that this package is not compatible with StrictMode if sync mode is used.
Async mode is working without any issues.

Other information

I've opened an issue for React, as long as it needs some clarification. All detailed are listed there, and I hope solution will be also found there.

facebook/react#19103

[theKashey]

In short - you should not use "ref-based" logic. Instead of

 final.current = true; // 👈 this is a problem
      setContext({
        stripe: parsed.stripe,
        elements: parsed.stripe.elements(options),
      });

You can use useReducer based logic or even something as simple as

      setContext(oldState => oldState.stripe ? oldState : {
        stripe: parsed.stripe,
        elements: parsed.stripe.elements(options),
      });

Which would basically setState only once, and would not trigger any re-renders on following invocations.

[christopher-stripe]

Hey @theKashey, thanks for reporting. There's some work in progress that should address this (#93). I'll make sure to follow up here once it is complete.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[mxcl]

Is there a safe workaround? I dislike warnings.