reproduction case for CORS issue with server functions

.env.local.example

@@ -1,5 +1,5 @@
 WORKOS_CLIENT_ID=
 WORKOS_API_KEY=
-WORKOS_REDIRECT_URI=http://localhost:3000/callback
+WORKOS_REDIRECT_URI=http://localhost:3000/auth/callback
 WORKOS_COOKIE_PASSWORD=
 

package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/themes": "^3.0.1",
-    "@workos-inc/authkit-nextjs": "0.4.1",
+    "@workos-inc/authkit-nextjs": "0.5.3",
     "next": "14.1.3",
     "react": "^18",
     "react-dom": "^18"

src/app/layout.tsx

@@ -43,6 +43,10 @@ export default function RootLayout({
                           <Button asChild variant="soft">
                             <NextLink href="/account">Account</NextLink>
                           </Button>
+
+                          <Button asChild variant="soft">
+                            <NextLink href="/test">Test</NextLink>
+                          </Button>
                         </Flex>
 
                         <SignInButton />

src/app/test/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+import { useEffect } from "react";
+import { getUser } from "@workos-inc/authkit-nextjs";
+import { Text, Heading, TextField, Flex, Box } from "@radix-ui/themes";
+
+import { serverFunction } from "../../server-function";
+
+export default function TestPage() {
+  return (
+    <>
+      <p>This is just a test page</p>
+
+      <button type="button" onClick={() => serverFunction()}>
+        Trigger server function
+      </button>
+    </>
+  );
+}

src/middleware.ts

@@ -1,6 +1,11 @@
 import { authkitMiddleware } from "@workos-inc/authkit-nextjs";
 
-export default authkitMiddleware();
+export default authkitMiddleware({
+  middlewareAuth: {
+    enabled: true,
+    unauthenticatedPaths: ["/auth/callback"],
+  },
+});
 
 // Match against the pages
-export const config = { matcher: ["/", "/account/:path*"] };
+// export const config = { matcher: ["/", "/account/:path*"] };

src/server-function.ts

@@ -0,0 +1,6 @@
+"use server";
+
+export async function serverFunction() {
+  "use server";
+  console.log("a function on the server");
+}