react fragment around function component

openshift · Sep 3, 2021 · abe209f · abe209f
1 parent 84a7a2f
commit abe209f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/packages/topology/src/components/graph-view/components/nodeContextMenu.tsx b/frontend/packages/topology/src/components/graph-view/components/nodeContextMenu.tsx
@@ -46,7 +46,12 @@ export const createMenuItems = (actions: KebabMenuOption[]) =>
     ) : (
       <ContextMenuItem
         key={index} // eslint-disable-line react/no-array-index-key
-        component={<KebabItem option={option} onClick={() => onKebabOptionClick(option)} />}
+        /* wrap in Fragment as KebabItem is a Function Component: gives warning on adding ref prop */
+        component={
+          <>
+            <KebabItem option={option} onClick={() => onKebabOptionClick(option)} />{' '}
+          </>
+        }
       />
     ),
   );