Preliminary Checks
Reproduction
https://github.com/pingzing/clerkJsRedirectRepro
Publishable key
pk_test_ZnJlc2gtc2hlZXBkb2ctMTkuY2xlcmsuYWNjb3VudHMuZGV2JA
Description
Steps to reproduce:
Assuming you're using the minimal-reproduction repository I linked:
- Run a local HTTP server inside the repository (in my case, I used
dotnet serve --port 8080, but any local server should do)
- Navigate to
http://localhost:8080/1-signIn.html, where it will prompt you to sign in.
- After sign-in, navigate back to
http://localhost:8080/1-signIn.html where, now that you are logged-in, it will attempt to display a <UserButton/> component
- Observe the failure in the console:
can't access property "routing", e.componentProps is undefined.
Expected behavior:
Components to load and render correctly.
Actual behavior:
Components don't render, and an error is printed to the log.
Extra notes
Falling back to v5.52.0 works, and it looks like the culprit is this line:
|
if (props.componentProps.routing === 'virtual') { |
I suspect there's no need to use my reproduction above either--all you need is to be using ClerkJS v5.52.1, and have a logged-in Clerk user on a page that tries to mount a <UserButton/>.
Environment
No environment--just raw HTML and ClerkJS in script tags.
Preliminary Checks
I have reviewed the documentation: https://clerk.com/docs
I have searched for existing issues: https://github.com/clerk/javascript/issues
I have not already reached out to Clerk support via email or Discord (if you have, no need to open an issue here)
This issue is not a question, general help request, or anything other than a bug report directly related to Clerk. Please ask questions in our Discord community: https://clerk.com/discord.
Reproduction
https://github.com/pingzing/clerkJsRedirectRepro
Publishable key
pk_test_ZnJlc2gtc2hlZXBkb2ctMTkuY2xlcmsuYWNjb3VudHMuZGV2JA
Description
Steps to reproduce:
Assuming you're using the minimal-reproduction repository I linked:
dotnet serve --port 8080, but any local server should do)http://localhost:8080/1-signIn.html, where it will prompt you to sign in.http://localhost:8080/1-signIn.htmlwhere, now that you are logged-in, it will attempt to display a<UserButton/>componentcan't access property "routing", e.componentProps is undefined.Expected behavior:
Components to load and render correctly.
Actual behavior:
Components don't render, and an error is printed to the log.
Extra notes
Falling back to v5.52.0 works, and it looks like the culprit is this line:
javascript/packages/clerk-js/src/ui/lazyModules/providers.tsx
Line 60 in f936cf1
I suspect there's no need to use my reproduction above either--all you need is to be using ClerkJS v5.52.1, and have a logged-in Clerk user on a page that tries to mount a
<UserButton/>.Environment
No environment--just raw HTML and ClerkJS in script tags.