fix(clerk-js): Avoid triggering email code verification twice on React strict mode

[LauraBeatris]

Description

Before

CleanShot.2025-02-06.at.15.28.13.mp4

After

CleanShot.2025-02-06.at.15.29.02.mp4

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[changeset-bot]

🦋 Changeset detected

Latest commit: c35b8ee

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@clerk/clerk-js	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 7, 2025 2:25pm

[panteliselef]

1. Let's use a more specific name for the cache key
2. If you go back to start and use a different identifier (email) it would not auto-prepare on render.

Suggested change

	{
	name: 'prepare',
	strategy: props.factor.strategy,
	},
	{
	name: 'signIn.prepareFirstFactor',
	factor: props.factor,
	},

[LauraBeatris]

Good catch!

[LauraBeatris]

I've updated it here: 2c03905

The behavior now is the following: It'll cache for a given identifier, so if you go back to /sign-in and submit again, it won't send another email cause it's cached - I've added a smaller stale time for that reason, unless you click to "Resend"

When refreshing the page, it'll only fetch once instead of twice (previous bug)

[IamJoshing]

This still happens on "@clerk/clerk-expo": "^2.10.2",