[docs] : Change return value of LargeTree component to any

Author: ganeshf22

docs/src/pages/components/no-ssr/FrameDeferring.js

@@ -10,13 +10,7 @@ const useStyles = makeStyles({
 });
 
 function LargeTree() {
-  return (
-    <>
-      {Array.from(new Array(3000)).map((_, index) => (
-        <span key={index}>.</span>
-      ))}
-    </>
-  );
+  return Array.from(new Array(3000)).map((_, index) => <span key={index}>.</span>);
 }
 
 function FrameDeferring() {

docs/src/pages/components/no-ssr/FrameDeferring.tsx

@@ -9,14 +9,14 @@ const useStyles = makeStyles({
   },
 });
 
-function LargeTree() {
-  return (
-    <>
-      {Array.from(new Array(3000)).map((_, index) => (
-        <span key={index}>.</span>
-      ))}
-    </>
-  );
+/**
+ * Changing the return value of this component to `any`
+ * As currently typescript does not support returning array from components
+ *
+ * https://github.com/DefinitelyTyped/DefinitelyTyped/issues/20356
+ */
+function LargeTree(): any {
+  return Array.from(new Array(3000)).map((_, index) => <span key={index}>.</span>);
 }
 
 function FrameDeferring() {