Add example where next-auth works if local

package.json

@@ -17,5 +17,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.0.4"
+  },
+  "devDependencies": {
+    "@types/cookie": "^0.5.1"
   }
 }

src/app/issue1/ClientExampleEmbeddedServer.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 interface Props {
-  action: (message: string) => Promise<string>;
+  action: (message: string) => Promise<any>;
 }
 
 export default function ClientExampleEmbeddedServer(props: Props) {

src/app/issue1/ServerExample.tsx

@@ -1,7 +1,7 @@
 'use server';
 
-import { getServerSession } from 'next-auth/next';
+import { getSession } from '@/util/session';
 
 export default async function ServerExample(message: string) {
-  return await getServerSession({});
+  return await getSession();
 }

src/app/issue1/ServerExample2.tsx

@@ -1,7 +1,7 @@
 'use server';
 
-import { getServerSession } from 'next-auth/next';
+import { getSession } from '@/util/session';
 
 export default async function ServerExample2(message: string) {
-  return await getServerSession({});
+  return await getSession();
 }

src/app/issue2/ClientExampleEmbeddedServer.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 interface Props {
-  action: (message: string) => Promise<string>;
+  action: (message: string) => Promise<any>;
 }
 
 export default function ClientExampleEmbeddedServer(props: Props) {

src/app/issue2/SharedServerExample.tsx

@@ -1,7 +1,7 @@
 'use server';
 
-import { getServerSession } from 'next-auth/next';
+import { getSession } from '@/util/session';
 
 export default async function ServerExample(message: string) {
-  return await getServerSession({});
+  return await getSession();
 }

src/app/local/ClientExampleEmbeddedServer.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+interface Props {
+  action: (message: string) => Promise<any>;
+}
+
+export default function ClientExampleEmbeddedServer(props: Props) {
+  return (
+    <button onClick={async () => console.log('ClientExampleEmbeddedServer', await props.action('hi'))}>client passed with shared server action: I will log</button>
+  )
+}

src/app/local/ClientImportsOwnServer.tsx

@@ -0,0 +1,9 @@
+'use client';
+
+import ServerExample from "./SharedServerExample";
+
+export default function ClientImportsOwnServer() {
+  return (
+    <button onClick={async () => console.log('ClientImportsOwnServer', await ServerExample('hi'))}>client importing shared server action: I will log</button>
+  )
+}

src/app/local/SharedServerExample.tsx

@@ -0,0 +1,7 @@
+'use server';
+
+import { __unstable__getSession } from "@/util/session";
+
+export default async function ServerExample(message: string) {
+  return await __unstable__getSession();
+}

src/app/local/page.tsx

@@ -0,0 +1,12 @@
+import ClientExampleEmbeddedServer from "./ClientExampleEmbeddedServer"
+import ClientImportsOwnServer from "./ClientImportsOwnServer";
+import ServerExample from "./SharedServerExample"
+
+export default function Page() {
+  return (
+    <div>
+      <ClientExampleEmbeddedServer action={ServerExample}/>
+      <ClientImportsOwnServer />
+    </div>
+  )
+}