[react] Fix invalid readonly array value in ServerContextJSONArray (DefinitelyTyped#65149)

qucumbah · web-flow · commit 2d2e244fd68b · 2023-04-17T18:27:57.000+02:00
* fix invalid readonly array value

* add unit test

* add nested array test
diff --git a/types/react/next.d.ts b/types/react/next.d.ts
@@ -55,7 +55,7 @@ declare module '.' {
 
     export function use<T>(usable: Usable<T>): T;
 
-    interface ServerContextJSONArray extends ReadonlyArray<ServerContextJSONArray> {}
+    interface ServerContextJSONArray extends ReadonlyArray<ServerContextJSONValue> {}
     export type ServerContextJSONValue =
         | string
         | boolean
diff --git a/types/react/test/next.tsx b/types/react/test/next.tsx
@@ -42,6 +42,10 @@ function serverContextTest() {
 
     // plain objects work
     React.createServerContext('PlainObjectContext', { foo: 1 });
+    // readonly arrays work
+    React.createServerContext('ReadonlyArrayContext', ['foo', 'bar'] as const);
+    // nested readonly arrays work
+    React.createServerContext('ReadonlyArrayContext', ['foo', ['bar']] as const);
     // @ts-expect-error Incompatible with JSON stringify+parse
     React.createServerContext('DateContext', new Date());
     // @ts-expect-error Incompatible with JSON stringify+parse
