@vention/machine-ui 3.33.5 → 3.33.7

package/index.esm.js

@@ -7790,7 +7790,7 @@ const VentionSelect = props => {
                 const menuItem = menuItemsMap.get(value);
                 return jsx(Box$1, {
                   children: menuItem && "displayNode" in menuItem ? menuItem.displayNode : menuItem.displayText
-                }, value);
+                }, toReactKey(value));
               })
             });
           }
@@ -7811,7 +7811,7 @@ const VentionSelect = props => {
             variant: typographyVariants.text,
             children: item.displayText
           }), "displayNode" in item && item.displayNode]
-        }, item.value))
+        }, toReactKey(item.value)))
       })), errorText && jsxs(FormHelperText, {
         error: Boolean(errorText),
         classes: {
@@ -7979,6 +7979,12 @@ const getIconSize = size => {
       return 14;
   }
 };
+/**
+ * `undefined` is not a valid React key, so we'll format it to the string `"undefined"`
+ */
+function toReactKey(key) {
+  return key !== null && key !== void 0 ? key : "undefined";
+}
 
 const VentionStepper = props => {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "3.33.5",
+  "version": "3.33.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-select/vention-select.d.ts

@@ -12,7 +12,7 @@ export interface VentionSelectProps extends Omit<SelectProps, "placeholder" | "s
     variant: "outlined";
     value: string | number | string[] | number[] | undefined;
     onChange: (event: SelectChangeEvent<VentionSelectProps["value"]>, child: ReactNode) => void;
-    menuItems: ReadonlyArray<VentionSelectMenuItem<string | number>>;
+    menuItems: ReadonlyArray<VentionSelectMenuItem<string | number | undefined>>;
     labelText?: string;
     isDisabled?: boolean;
     placeholder?: string;