fix(clerk-js): Force devBrowser to create suffixed cookies

[panteliselef]

Description

Previously, if Clerk JS was loaded in an environment where:

1. A __clerk_db_jwt cookie existed
2. That cookie was tied to a different instance or publishable key, and
3. Only an unsuffixed devBrowser version was available (while the suffixed version was missing),

the mismatch between the loaded publishable key and the existing database JWT caused the application to break. We would attempt to load the Client and Environment even though the existing cookie (JWT) did not match our active environment.

This issue affects only CSR application or application that do not run below a clerk middleware with handshake support. (nextjs apps are not affected).

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:

[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	Dec 16, 2024 4:38pm

[anagstef]

@panteliselef Maybe a typo? 😬

Suggested change

	suffixedDevBrowserCookie.get();
	return suffixedDevBrowserCookie.get();

[panteliselef]

You are correct, i must removed it by mistake, i verified that without return it would break. So the change is verified that works.

[changeset-bot]

🦋 Changeset detected

Latest commit: 0154d0d

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

[panteliselef]

!snapshot

[clerk-cookie]

Hey @panteliselef - the snapshot version command generated the following package versions:

Package	Version
@clerk/chrome-extension	2.1.3-snapshot.v20241216215637
@clerk/clerk-js	5.43.0-snapshot.v20241216215637
@clerk/clerk-expo	2.6.2-snapshot.v20241216215637
@clerk/localizations	3.9.3-snapshot.v20241216215637
@clerk/nuxt	0.1.3-snapshot.v20241216215637
@clerk/remix	4.4.3-snapshot.v20241216215637
@clerk/ui	0.3.3-snapshot.v20241216215637
@clerk/vue	0.1.3-snapshot.v20241216215637

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/chrome-extension

npm i @clerk/[email protected] --save-exact

@clerk/clerk-js

npm i @clerk/[email protected] --save-exact

@clerk/clerk-expo

npm i @clerk/[email protected] --save-exact

@clerk/localizations

npm i @clerk/[email protected] --save-exact

@clerk/nuxt

npm i @clerk/[email protected] --save-exact

@clerk/remix

npm i @clerk/[email protected] --save-exact

@clerk/ui

npm i @clerk/[email protected] --save-exact

@clerk/vue

npm i @clerk/[email protected] --save-exact