Merge branch 'main' into main

Author: wobsoriano

.changeset/lucky-lamps-repair.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix useFetch to update fetcher ref

.github/workflows/release-canary.yml

@@ -34,7 +34,7 @@ jobs:
           turbo-team: ${{ vars.TURBO_TEAM }}
           turbo-token: ${{ secrets.TURBO_TOKEN }}
           playwright-enabled: true # Must be present to enable caching on branched workflows
-          registry-url: 'https://registry.npmjs.org'
+          registry-url: "https://registry.npmjs.org"
 
       - name: Version packages for canary
         id: version-packages
@@ -65,9 +65,9 @@ jobs:
               github.rest.actions.createWorkflowDispatch({
                 owner: 'clerk',
                 repo: 'sdk-infra-workers',
-                workflow_id: 'update-clerkjs.yml',
+                workflow_id: 'update-pkg-versions.yml',
                 ref: 'main',
-                inputs: { version: clerkjsVersion }
+                inputs: { clerkjsVersion: clerkjsVersion }
               })
 
             if (nextjsVersion.includes('canary')) {

.github/workflows/release.yml

@@ -55,8 +55,8 @@ jobs:
         id: changesets
         uses: changesets/action@v1
         with:
-          commit: 'ci(repo): Version packages'
-          title: 'ci(repo): Version packages'
+          commit: "ci(repo): Version packages"
+          title: "ci(repo): Version packages"
           publish: pnpm release
           # Workaround for https://github.com/changesets/changesets/issues/421
           version: pnpm version-packages
@@ -83,7 +83,7 @@ jobs:
               github.rest.actions.createWorkflowDispatch({
                 owner: 'clerk',
                 repo: 'sdk-infra-workers',
-                workflow_id: 'update-clerkjs.yml',
+                workflow_id: 'update-pkg-versions.yml',
                 ref: 'main',
                 inputs: { version: clerkjsVersion }
               })
@@ -145,5 +145,5 @@ jobs:
         uses: ./.github/actions/init
         with:
           node-version: ${{ matrix.version }}
-          turbo-team: ''
-          turbo-token: ''
+          turbo-team: ""
+          turbo-token: ""

packages/clerk-js/src/ui/hooks/useFetch.ts

@@ -130,6 +130,7 @@ export const useFetch = <K, T>(
   }, [setCache, setRevalidationCounter]);
 
   useEffect(() => {
+    fetcherRef.current = fetcher;
     const fetcherMissing = !fetcherRef.current;
     const isCacheStale =
       typeof getCache()?.cachedAt === 'undefined' ? true : Date.now() - (getCache()?.cachedAt || 0) >= staleTime;