first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/development/app-dir/use-cache-errors/app/anonymous/page.tsx
+++ b/test/development/app-dir/use-cache-errors/app/anonymous/page.tsx
@@ -0,0 +1,12 @@
+function createCacheFn() {
+  return async () => {
+    'use cache'
+    throw new Error('kaputt!')
+  }
+}
+
+const cached = createCacheFn()
+
+export default async function Page() {
+  return <p>A page with an anonymous cache function. {await cached()}</p>
+}
--- a/test/development/app-dir/use-cache-errors/app/client-module.ts
+++ b/test/development/app-dir/use-cache-errors/app/client-module.ts
@@ -0,0 +1,5 @@
+'use client'
+
+export function useStuff() {
+  return 'stuff'
+}
--- a/test/development/app-dir/use-cache-errors/app/layout.tsx
+++ b/test/development/app-dir/use-cache-errors/app/layout.tsx
@@ -0,0 +1,8 @@
+import { ReactNode } from 'react'
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/development/app-dir/use-cache-errors/app/module-with-use-cache.ts
+++ b/test/development/app-dir/use-cache-errors/app/module-with-use-cache.ts
@@ -0,0 +1,17 @@
+'use cache'
+
+// This file simulates adding a "use cache" directive to a client module that's
+// mistaken as a server module. It does not have itself a "use client"
+// directive, but is imported by a client module with a "use client" directive,
+// while also importing another client module with a "use client" directive.
+// Adding the "use cache" directive here, effectively forces the module to be a
+// server module, which then results in an error when trying to call the client
+// function.
+
+import { useStuff } from './client-module'
+
+export async function useCachedStuff() {
+  // Intentional misusage (using hooks in async functions).
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useStuff()
+}
--- a/test/development/app-dir/use-cache-errors/app/page.tsx
+++ b/test/development/app-dir/use-cache-errors/app/page.tsx
@@ -0,0 +1,23 @@
+'use client'
+
+import { useActionState } from 'react'
+import { useCachedStuff } from './module-with-use-cache'
+
+function OtherClientComponent({
+  getCachedStuff,
+}: {
+  getCachedStuff: () => Promise<string>
+}) {
+  const [result, formAction] = useActionState(getCachedStuff, null)
+
+  return (
+    <form action={formAction}>
+      <button id="action-button">Submit</button>
+      <p>{result}</p>
+    </form>
+  )
+}
+
+export default function Page() {
+  return <OtherClientComponent getCachedStuff={useCachedStuff} />
+}