From 62c80557b638946f4c01569b5ede4338cb517543 Mon Sep 17 00:00:00 2001
From: JeevaRamanathan <jeevaramanathan.m@infosys.com>
Date: Sat, 25 May 2024 18:42:43 +0530
Subject: [PATCH] added ReactNode to fix pipeline

Signed-off-by: JeevaRamanathan <jeevaramanathan.m@infosys.com>
---
 .../EntityAutocompletePicker/EntityAutocompletePicker.tsx     | 4 ++--
 .../src/components/EntityOwnerPicker/EntityOwnerPicker.tsx    | 4 ++--
 .../EntityProcessingStatusPicker.tsx                          | 4 ++--
 .../TemplateCategoryPicker/TemplateCategoryPicker.tsx         | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx
index 8df0c367f6..4bd9f100f9 100644
--- a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx
+++ b/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
diff --git a/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx b/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx
index f6f1746744..c6b738d18b 100644
--- a/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx
+++ b/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
diff --git a/plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx b/plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx
index 692cf213ab..9995aba936 100644
--- a/plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx
+++ b/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
diff --git a/plugins/scaffolder-react/src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.tsx b/plugins/scaffolder-react/src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.tsx
index 5247e86c53..f2505ec148 100644
--- a/plugins/scaffolder-react/src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.tsx
+++ b/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"