feat(clerk-js): Allow persisting Clerk client options (#4662)

clerk · Nov 27, 2024 · 23a9160 · 23a9160
1 parent 5b7d96f
commit 23a9160
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/.changeset/hungry-rivers-kiss.md b/.changeset/hungry-rivers-kiss.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/sandbox/app.js b/packages/clerk-js/sandbox/app.js
@@ -9,6 +9,7 @@
  */
 
 const AVAILABLE_COMPONENTS = /** @type {const} */ ([
+  'clerk', // While not a component, we want to support passing options to the Clerk class.
   'signIn',
   'signUp',
   'userButton',
@@ -80,6 +81,7 @@ function buildComponentControls(component) {
  * @type {Record<typeof AVAILABLE_COMPONENTS[number], ComponentPropsControl>}
  */
 const componentControls = {
+  clerk: buildComponentControls('clerk'),
   signIn: buildComponentControls('signIn'),
   signUp: buildComponentControls('signUp'),
   userButton: buildComponentControls('userButton'),
@@ -176,6 +178,7 @@ function addCurrentRouteIndicator(currentRoute) {
     const renderCurrentRoute = routes[route];
     addCurrentRouteIndicator(route);
     await Clerk.load({
+      ...(componentControls.clerk.getProps() ?? {}),
       signInUrl: '/sign-in',
       signUpUrl: '/sign-up',
     });