added ReactNode to fix pipeline

Signed-off-by: JeevaRamanathan <jeevaramanathan.m@infosys.com>

plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx

@@ -20,7 +20,7 @@ import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import Autocomplete from '@material-ui/lab/Autocomplete';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState, ReactNode } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import useAsync from 'react-use/esm/useAsync';
 import { catalogApiRef } from '../../api';
@@ -153,7 +153,7 @@ export function EntityAutocompletePicker<
         {label}
         <Autocomplete<string, true>
           PopperComponent={popperProps => (
-            <div {...popperProps}>{popperProps.children}</div>
+            <div {...popperProps}>{popperProps.children as ReactNode}</div>
           )}
           multiple
           disableCloseOnSelect

plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx

@@ -30,7 +30,7 @@ import CheckBoxIcon from '@material-ui/icons/CheckBox';
 import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import Autocomplete from '@material-ui/lab/Autocomplete';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState, ReactNode } from 'react';
 import { useEntityList } from '../../hooks/useEntityListProvider';
 import { EntityOwnerFilter } from '../../filters';
 import { useDebouncedEffect } from '@react-hookz/web';
@@ -179,7 +179,7 @@ export const EntityOwnerPicker = (props?: EntityOwnerPickerProps) => {
         Owner
         <Autocomplete
           PopperComponent={popperProps => (
-            <div {...popperProps}>{popperProps.children}</div>
+            <div {...popperProps}>{popperProps.children as ReactNode}</div>
           )}
           multiple
           disableCloseOnSelect

plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx

@@ -24,7 +24,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import CheckBoxIcon from '@material-ui/icons/CheckBox';
 import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import React, { useState } from 'react';
+import React, { useState, ReactNode } from 'react';
 import { useEntityList } from '../../hooks';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 
@@ -74,7 +74,7 @@ export const EntityProcessingStatusPicker = () => {
         Processing Status
         <Autocomplete<string, true>
           PopperComponent={popperProps => (
-            <div {...popperProps}>{popperProps.children}</div>
+            <div {...popperProps}>{popperProps.children as ReactNode}</div>
           )}
           multiple
           disableCloseOnSelect

plugins/scaffolder-react/src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React from 'react';
+import React, { ReactNode } from 'react';
 import capitalize from 'lodash/capitalize';
 import { Progress } from '@backstage/core-components';
 import Box from '@material-ui/core/Box';
@@ -79,7 +79,7 @@ export const TemplateCategoryPicker = () => {
       </Typography>
       <Autocomplete<string, true>
         PopperComponent={popperProps => (
-          <div {...popperProps}>{popperProps.children}</div>
+          <div {...popperProps}>{popperProps.children as ReactNode}</div>
         )}
         multiple
         id="categories-picker"