up

src/pages/a/index.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect } from "react";
 
 export default function List() {

src/pages/a/server-index.tsx

@@ -0,0 +1,8 @@
+// Server component - no 'use client' directive
+export default function ServerList() {
+  return (
+    <div>
+      <h1>Server List</h1>
+    </div>
+  );
+}

src/pages/a/server/index.tsx

@@ -0,0 +1,18 @@
+'use server';
+import { useEffect } from "react";
+
+const getVersion = async () => {
+  await new Promise(resolve => setTimeout(resolve, 1000));
+  return '1.0.0';
+}
+export default async function List() {
+  const v = await getVersion();
+  return (
+    <div>
+      <h1>List - Version {v}</h1>
+      <div style={{
+        width: 200
+      }}>Primary Button</div>
+    </div>
+  );
+}