Fix 4623 by properly handling chakra-ui's onChange for single select (#4627)

Fixed #4623 by having the single select version return the element in the returned array
- Updated chakra-ui's `SelectWidget` to return a single value from the array

Author: heath-freenome

CHANGELOG.md

@@ -16,12 +16,19 @@ should change the heading of the (upcoming) version to include a major version b
 
 -->
 
+# 6.0.0-beta.9
+
+## @rjsf/chakra-ui
+
+- Updated `SelectWidget` to only pick the first element in a list when single selection is active, fixing [#4623](https://github.com/rjsf-team/react-jsonschema-form/issues/4623)
+
 # 6.0.0-beta.8
 
 ## @rjsf/chakra-ui
 
 - Added `getChakra` to package exports
 - Restored the `ui:options` customization
+- Updated `SelectWidget` to only pick the first element in a list when single selection is active, fixing [#4623](https://github.com/rjsf-team/react-jsonschema-form/issues/4623)
 
 ## @rjsf/core
 

packages/chakra-ui/src/SelectWidget/SelectWidget.tsx

@@ -43,19 +43,12 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
   const { enumOptions, enumDisabled, emptyValue } = options;
 
   const _onMultiChange = ({ value }: SelectValueChangeDetails) => {
-    return onChange(
-      enumOptionsValueForIndex<S>(
-        value.map((item) => {
-          return item;
-        }),
-        enumOptions,
-        emptyValue,
-      ),
-    );
+    return onChange(enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   };
 
-  const _onChange = ({ value }: SelectValueChangeDetails) => {
-    return onChange(enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
+  const _onSingleChange = ({ value }: SelectValueChangeDetails) => {
+    const selected = enumOptionsValueForIndex<S>(value, enumOptions, emptyValue);
+    return onChange(Array.isArray(selected) && selected.length === 1 ? selected[0] : selected);
   };
 
   const _onBlur = ({ target }: FocusEvent<HTMLInputElement>) =>
@@ -137,7 +130,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
         multiple={isMultiple}
         closeOnSelect={!isMultiple}
         onBlur={_onBlur}
-        onValueChange={isMultiple ? _onMultiChange : _onChange}
+        onValueChange={isMultiple ? _onMultiChange : _onSingleChange}
         onFocus={_onFocus}
         autoFocus={autofocus}
         value={formValue}