fix: Types and NextJS 14 support (#1939, #1948)

.changeset/late-dolphins-peel.md

@@ -0,0 +1,5 @@
+---
+"@clerk/backend": minor
+---
+
+Add support for NextJS 14

.changeset/tasty-countries-walk.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-sdk-node': patch
+---
+
+Fix types of ClerkExpressWithAuth/ClerkExpressRequireAuth args

packages/backend/src/runtime/browser/fetch.mjs

@@ -5,3 +5,4 @@ export const RuntimeHeaders = Headers;
 export const RuntimeRequest = Request;
 export const RuntimeResponse = Response;
 export const RuntimeAbortController = AbortController;
+export const RuntimeFetch = fetch;

packages/backend/src/runtime/index.ts

@@ -18,7 +18,7 @@ import crypto from '#crypto';
 import * as fetchApisPolyfill from '#fetch';
 
 const {
-  default: fetch,
+  RuntimeFetch,
   RuntimeAbortController,
   RuntimeBlob,
   RuntimeFormData,
@@ -44,7 +44,7 @@ type Runtime = {
 // The globalThis object is supported for Node >= 12.0.
 //
 // https://github.com/supabase/supabase/issues/4417
-const globalFetch = fetch.bind(globalThis);
+const globalFetch = RuntimeFetch.bind(globalThis);
 // DO NOT CHANGE: Runtime needs to be imported as a default export so that we can stub its dependencies with Sinon.js
 // For more information refer to https://sinonjs.org/how-to/stub-dependency/
 const runtime: Runtime = {

packages/backend/src/runtime/node/fetch.js

@@ -8,3 +8,4 @@ module.exports.RuntimeHeaders = Headers;
 module.exports.RuntimeRequest = Request;
 module.exports.RuntimeResponse = Response;
 module.exports.RuntimeAbortController = AbortController;
+module.exports.RuntimeFetch = fetch;

packages/sdk-node/src/clerkClient.ts

@@ -75,13 +75,13 @@ export const clerkClient = new Proxy(clerkClientSingleton, {
 /**
  * Stand-alone express middlewares bound to the pre-initialised clerkClient
  */
-export const ClerkExpressRequireAuth = (...args: any) => {
+export const ClerkExpressRequireAuth = (...args: Parameters<ReturnType<typeof createClerkExpressRequireAuth>>) => {
   const env = { ...loadApiEnv(), ...loadClientEnv() };
   const fn = createClerkExpressRequireAuth({ clerkClient, ...env });
   return fn(...args);
 };
 
-export const ClerkExpressWithAuth = (...args: any) => {
+export const ClerkExpressWithAuth = (...args: Parameters<ReturnType<typeof createClerkExpressWithAuth>>) => {
   const env = { ...loadApiEnv(), ...loadClientEnv() };
   const fn = createClerkExpressWithAuth({ clerkClient, ...env });
   return fn(...args);