Remember to upgrade...and then add the next-auth issue

package.json

@@ -12,7 +12,8 @@
     "@types/node": "20.1.2",
     "@types/react": "18.2.6",
     "@types/react-dom": "18.2.4",
-    "next": "13.4.1",
+    "next": "13.4.2-canary.5",
+    "next-auth": "^4.22.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.0.4"

src/app/issue1/ClientExampleEmbeddedServer.tsx

@@ -6,6 +6,6 @@ interface Props {
 
 export default function ClientExampleEmbeddedServer(props: Props) {
   return (
-    <button onClick={async () => alert(await props.action('hi'))}>client passed with own server action as prop: I will alert</button>
+    <button onClick={async () => console.log('ClientExampleEmbeddedServer', await props.action('hi'))}>client passed with own server action as prop: I will log</button>
   )
 }

src/app/issue1/ClientImportsOwnServer.tsx

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

src/app/issue1/ServerExample.tsx

@@ -1,9 +1,7 @@
 'use server';
 
-import { cookies } from 'next/headers';
+import { getServerSession } from 'next-auth/next';
 
 export default async function ServerExample(message: string) {
-  cookies().get('anything');
-
-  return 'hey';
+  return await getServerSession({});
 }

src/app/issue1/ServerExample2.tsx

@@ -1,9 +1,7 @@
 'use server';
 
-import { cookies } from 'next/headers';
+import { getServerSession } from 'next-auth/next';
 
-export default async function ServerExample(message: string) {
-  cookies().get('anything');
-
-  return 'hey';
+export default async function ServerExample2(message: string) {
+  return await getServerSession({});
 }

src/app/issue2/ClientExampleEmbeddedServer.tsx

@@ -6,6 +6,6 @@ interface Props {
 
 export default function ClientExampleEmbeddedServer(props: Props) {
   return (
-    <button onClick={async () => alert(await props.action('hi'))}>client passed with shared server action: I will break</button>
+    <button onClick={async () => console.log('ClientExampleEmbeddedServer', await props.action('hi'))}>client passed with shared server action: I will break</button>
   )
 }

src/app/issue2/ClientImportsOwnServer.tsx

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

src/app/issue2/SharedServerExample.tsx

@@ -1,9 +1,7 @@
 'use server';
 
-import { cookies } from 'next/headers';
+import { getServerSession } from 'next-auth/next';
 
 export default async function ServerExample(message: string) {
-  cookies().get('anything');
-
-  return 'hey';
+  return await getServerSession({});
 }