Skip to content

Move the frontend to @clerk/react (Clerk Core 3) - #116

Open
jayypatel18 wants to merge 1 commit into
timh-dev:mainfrom
jayypatel18:migrate-clerk-core-3
Open

jayypatel18 wants to merge 1 commit into
timh-dev:mainfrom
jayypatel18:migrate-clerk-core-3

Conversation

@jayypatel18

Copy link
Copy Markdown

The API side already uses @clerk/backend 3, but the frontend is still on @clerk/clerk-react 5, which is the Clerk Core 2 package. Clerk renamed it to @clerk/react in Core 3, and their schedule ends long term support for Core 2 in January 2027. This brings the frontend onto the same generation as the API.

What changed

  • package.json, pnpm-lock.yaml: @clerk/clerk-react ^5.61.9 replaced by @clerk/react ^6.0.0 (resolves to 6.17.4).
  • src/app/main.tsx: the dynamic import now loads @clerk/react. On ClerkProvider, afterSignInUrl and afterSignUpUrl were removed in Core 3; they become signInFallbackRedirectUrl and signUpFallbackRedirectUrl, same /#/ value.
  • src/features/auth/AccountButton.tsx, AuthBridge.tsx, UpgradeModal.tsx: import path only.
  • src/features/auth/clerkAppearance.ts: Core 3 renamed five appearance variables. colorText is now colorForeground, colorTextSecondary is colorMutedForeground, colorInputText is colorInputForeground, colorInputBackground is colorInput, colorTextOnPrimaryBackground is colorPrimaryForeground. Values are unchanged. Without this the sign-in modal would stop picking up the app's theme tokens, and TypeScript would not complain because the object is not typed as Appearance.

What I checked

In a clean Node 22 container with pnpm 11, on main and then on this branch, with install scripts off. These are the steps in ci.yml:

Step main this branch
pnpm install --frozen-lockfile ok ok
pnpm test 204 passed in 10 files 204 passed in 10 files
pnpm run typecheck (non-blocking in CI) 64 errors the same 64 errors
pnpm run build:local ok ok

None of the 64 existing type errors are in files this PR touches (they are in the dashboard, media, weather, settings and RSS code).

Not checked: I did not sign in against a real Clerk instance, so the themed sign-in modal is the thing to eyeball. Nothing under .agents/ was touched.

@vercel

vercel Bot commented Oct 2, 2026

Copy link
Copy Markdown

@jayypatel18 is attempting to deploy a commit to the tholmes' projects Team on Vercel.

A member of the Team first needs to authorize it.

@jayypatel18

Copy link
Copy Markdown
Author

Hi Tim,

A gentle follow up on this PR. It upgrades your clerk package to the latest supported package before EOL Jan, 2027 of current package.

Once you get time kindly take a look at this PR, your time is much appreciated!

Thanks,
Jay

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant