[react] Add failing tests for returning ReactNode from an async Component

eps1lon · eps1lon · commit e2673450d110 · 2024-07-08T13:05:09.000+02:00
diff --git a/types/react/test/tsx.tsx b/types/react/test/tsx.tsx
@@ -772,6 +772,15 @@ function elementTypeTests() {
         }
     }
 
+    const ReturnPromiseReactNode = async ({ children }: { children?: React.ReactNode }) => children;
+    const FCPromiseReactNode: React.FC = ReturnReactNode;
+    class RenderPromiseReactNode extends React.Component<{ children?: React.ReactNode }> {
+        // @ts-expect-error class components cannot render async
+        async render() {
+            return this.props.children;
+        }
+    }
+
     const ReturnWithLegacyContext = (props: { foo: string }, context: { bar: number }) => {
         return (
             <div>
@@ -865,6 +874,13 @@ function elementTypeTests() {
     // Will not type-check in a real project but accepted in DT tests since experimental.d.ts is part of compilation.
     React.createElement(RenderPromise);
 
+    // @ts-expect-error See https://github.com/microsoft/TypeScript/issues/59111
+    <ReturnPromiseReactNode />;
+    // @ts-expect-error See https://github.com/microsoft/TypeScript/issues/59111
+    React.createElement(ReturnPromiseReactNode);
+    <FCPromiseReactNode />;
+    React.createElement(FCPromiseReactNode);
+
     <ReturnWithLegacyContext foo="one" />;
     React.createElement(ReturnWithLegacyContext, { foo: "one" });
 
diff --git a/types/react/ts5.0/test/tsx.tsx b/types/react/ts5.0/test/tsx.tsx
@@ -761,6 +761,16 @@ function elementTypeTests() {
         }
     }
 
+    const ReturnPromiseReactNode = async ({ children }: { children?: React.ReactNode }) => children;
+    // @ts-expect-error experimental release channel only
+    const FCPromiseReactNode: React.FC = ReturnReactNode;
+    class RenderPromiseReactNode extends React.Component<{ children?: React.ReactNode }> {
+        // @ts-expect-error class components cannot render async
+        async render() {
+            return this.props.children;
+        }
+    }
+
     const ReturnWithLegacyContext = (props: { foo: string }, context: { bar: number }) => {
         return (
             <div>
@@ -865,6 +875,13 @@ function elementTypeTests() {
     // Will not type-check in a real project but accepted in DT tests since experimental.d.ts is part of compilation.
     React.createElement(RenderPromise);
 
+    // @ts-expect-error See https://github.com/microsoft/TypeScript/issues/59111
+    <ReturnPromiseReactNode />;
+    // @ts-expect-error See https://github.com/microsoft/TypeScript/issues/59111
+    React.createElement(ReturnPromiseReactNode);
+    <FCPromiseReactNode />;
+    React.createElement(FCPromiseReactNode);
+
     <ReturnWithLegacyContext foo="one" />;
     React.createElement(ReturnWithLegacyContext, { foo: "one" });
 
