replace ReactElement with ReactElement<any> in some places

Author: balzss

packages/__docs__/src/Nav/index.tsx

@@ -159,7 +159,9 @@ class Nav extends Component<NavProps, NavState> {
   }): React.ReactNode {
     if (
       React.isValidElement(children) &&
-      React.Children.count(children.props.children) === 0
+      React.Children.count(
+        (children as React.ReactElement<any>).props.children
+      ) === 0
     ) {
       return
     }

packages/__docs__/src/Select/index.tsx

@@ -65,7 +65,7 @@ class Select extends Component<SelectProps, SelectState> {
   getOptionData(options: React.ReactElement[]) {
     //TODO remove any
     const data: any = []
-    Children.forEach(options, (child: ReactElement) => {
+    Children.forEach(options, (child: ReactElement<any>) => {
       const { value, children, ...rest } = child.props
       data.push({ value, label: children, ...rest })
     })

packages/__docs__/src/compileMarkdown.tsx

@@ -71,7 +71,10 @@ const getHeadingId = (children: ReactNode): string => {
   const headingId = Children.toArray(children).reduce((id, child) => {
     if (typeof child === 'string') return id + child
 
-    if (isValidElement(child) && typeof (child.props as { children?: ReactNode }).children === 'string') {
+    if (
+      isValidElement(child) &&
+      typeof (child.props as { children?: ReactNode }).children === 'string'
+    ) {
       return id + (child.props as { children: string }).children
     }
 
@@ -184,9 +187,9 @@ const inferTypeAndLanguage = ({
 }
 
 const renderer = (title?: string) => ({
-  table: (table: ReactElement[]) => {
+  table: (table: ReactElement<any>[]) => {
     const headCells = table?.[0]?.props?.children?.props?.children?.map(
-      (el: ReactElement) => el?.props?.children?.[0]
+      (el: ReactElement<any>) => el?.props?.children?.[0]
     )
     const body = table?.[1]?.props?.children
 
@@ -202,9 +205,9 @@ const renderer = (title?: string) => ({
           </Table.Row>
         </Table.Head>
         <Table.Body>
-          {body.map((tr: ReactElement) => (
+          {body.map((tr: ReactElement<any>) => (
             <Table.Row key={uuid()}>
-              {tr?.props?.children?.map((td: ReactElement) => (
+              {tr?.props?.children?.map((td: ReactElement<any>) => (
                 <Table.Cell key={uuid()}>
                   {td?.props?.children?.map((child: ReactElement) => child)}
                 </Table.Cell>
@@ -218,7 +221,7 @@ const renderer = (title?: string) => ({
   image: (href: string, title: string) => (
     <Img key={uuid()} src={href} alt={title} />
   ),
-  list: (list: ReactElement[], ordered: boolean) => {
+  list: (list: ReactElement<any>[], ordered: boolean) => {
     if (list[0].props.children[0][0].type === 'code') {
       const code1 = list?.[0]?.props?.children?.[0]?.[0]?.props?.children
       const code2 = list?.[1]?.props?.children?.[0]?.[0]?.props?.children

packages/ui-top-nav-bar/src/TopNavBar/TopNavBarBreadcrumb/index.tsx

@@ -105,11 +105,11 @@ class TopNavBarBreadcrumb extends Component<
       )
     }
 
-    const breadcrumbElement = Children.toArray(children)[0] as ReactElement
+    const breadcrumbElement = Children.toArray(children)[0] as ReactElement<any>
     const breadCrumbLinks = breadcrumbElement.props.children
     const lastButOneLink = Children.toArray(breadCrumbLinks)[
       Children.count(breadCrumbLinks) - 2
-    ] as ReactElement
+    ] as ReactElement<any>
 
     return (
       this.context.inverseColor &&

packages/ui-tree-browser/src/TreeBrowser/TreeCollection/index.tsx

@@ -208,7 +208,7 @@ class TreeCollection extends Component<
 
   renderCollectionChildren(
     collectionId: string | number | undefined,
-    child: ReactElement,
+    child: ReactElement<any>,
     position: number,
     keyword: 'before' | 'after'
   ) {