[react] Fix invalid readonly array value in ServerContextJSONArray (D…

…efinitelyTyped#65149) * fix invalid readonly array value * add unit test * add nested array test
eps1lon · Apr 17, 2023 · 2d2e244 · 2d2e244
1 parent 04c9ac7
commit 2d2e244
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
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