diff --git a/CHANGELOG.md b/CHANGELOG.md
index 64ae2caef5..af5256bd2f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,42 @@ it according to semantic versioning. For example, if your PR adds a breaking cha
 should change the heading of the (upcoming) version to include a major version bump.
 
 -->
+# 5.0.0
+
+## @rjsf/antd
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/bootstrap-4
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/chakra-ui
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/core
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/fluent-ui
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/material-ui
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/mui
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/semantic-ui
+- Updated `CheckboxesWidget`, `RadioWidget` and `SelectWidget` to use indexes as values to support `enumOptions` with object values, fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+
+## @rjsf/utils
+- Added `enumOptionsIndexForValue()`, `enumOptionsIsSelected()`, `enumOptionsValueForIndex()` functions to support fixing [#1494](https://github.com/rjsf-team/react-jsonschema-form/issues/1494)
+  - Updated `enumOptionsDeselectValue()` and `enumOptionsSelectValue()` to use indexes instead of values
+  - Deleted the `processSelectValue()` that was added in the beta and is no longer needed
+
+## Dev / docs / playground
+- Updated the `utility-functions` documentation for the new and updated methods mentioned above, as well as deleting the documentation for `processSelectValue()`
+- Updated the playground to add a new `Enum Objects` example to highlight the use of indexes for `enumOptions`
+- Updated `5.x migration guide` to document the change from values to indexes for the `enumOptions` based controls.
+
 # 5.0.0-beta.20
 
 ## @rjsf/antd
diff --git a/docs/5.x upgrade guide.md b/docs/5.x upgrade guide.md
index 115123ac92..0f1a611654 100644
--- a/docs/5.x upgrade guide.md	
+++ b/docs/5.x upgrade guide.md	
@@ -27,7 +27,7 @@ Unfortunately, there is required work pending to properly support React 18, so u
 There are four new packages added in RJSF version 5:
 
 - `@rjsf/utils`: All of the [utility functions](https://react-jsonschema-form.readthedocs.io/en/stable/api-reference/utiltity-functions) previously imported from `@rjsf/core/utils` as well as the Typescript types for RJSF version 5.
-  - The following new utility functions were added: `ariaDescribedByIds()`, `createSchemaUtils()`, `descriptionId()`, `enumOptionsDeselectValue()`, `enumOptionsSelectValue()`, `errorId()`, `examplesId()`, `getClosestMatchingOption()`, `getFirstMatchingOption()`, `getInputProps()`, `helpId()`, `mergeValidationData()`, `optionId()`, `processSelectValue()`, `sanitizeDataForNewSchema()` and `titleId()`
+  - The following new utility functions were added: `ariaDescribedByIds()`, `createSchemaUtils()`, `descriptionId()`, `enumOptionsDeselectValue()`, `enumOptionsIndexForValue()`, `enumOptionsIsSelected()`, `enumOptionsSelectValue()`, `enumOptionsValueForIndex()`, `errorId()`, `examplesId()`, `getClosestMatchingOption()`, `getFirstMatchingOption()`, `getInputProps()`, `helpId()`, `mergeValidationData()`, `optionId()`, `sanitizeDataForNewSchema()` and `titleId()`
 - `@rjsf/validator-ajv6`: The [ajv](https://github.com/ajv-validator/ajv)-v6-based validator refactored out of `@rjsf/core@4.x`, that implements the `ValidatorType` interface defined in `@rjsf/utils`.
 - `@rjsf/validator-ajv8`: The [ajv](https://github.com/ajv-validator/ajv)-v8-based validator that is an upgrade of the `@rjsf/validator-ajv6`, that implements the `ValidatorType` interface defined in `@rjsf/utils`. See the ajv 6 to 8 [migration guide](https://ajv.js.org/v6-to-v8-migration.html) for more information.
 - `@rjsf/mui`: Previously `@rjsf/material-ui/v5`, now provided as its own theme.
@@ -38,6 +38,13 @@ In many of the themes the `id`s for the `Title`, `Description` and `Examples` bl
 In addition, some of the `id`s for various input values were updated to be consistent across themes or to fix small bugs.
 For instance, the values for radio buttons in the `RadioWidget` and checkboxes in the `CheckboxesWidget` are of the form `xxx-${option.value}`, where `xxx` is the id of the field.
 
+### `enumOptions[]` widgets BREAKING CHANGES
+
+There are examples of schemas where `enumOptions[]` values are objects rather than primitive types.
+In every theme, the `enumOptions[]` rendering widgets `CheckboxesWidget`, `RadioWidget` and `SelectWidget` previously used the `enumOptions[].value` to as the value used for the underlying `checkbox`, `radio` and `select.option` elements.
+Now, these `CheckboxesWidget`, `RadioWidget` and `SelectWidget` components use the index of the `enumOptions[]` in the list as the value for the underlying elements.
+If you need to build a custom widget for this kind of `enumOptions`, there are a set of `enumOptionsXXX` functions in `@rjsf/utils` to support your implementation.
+
 ### `@rjsf/core` BREAKING CHANGES
 
 #### Types
diff --git a/docs/api-reference/utility-functions.md b/docs/api-reference/utility-functions.md
index 3891844ecb..056b15d7ea 100644
--- a/docs/api-reference/utility-functions.md
+++ b/docs/api-reference/utility-functions.md
@@ -96,26 +96,65 @@ Return a consistent `id` for the field description element.
 - string: The consistent id for the field description element from the given `id`
 
 ### enumOptionsDeselectValue\<S extends StrictRJSFSchema = RJSFSchema>()
-Removes the `value` from the currently `selected` list of values.
+Removes the enum option value at the `valueIndex` from the currently `selected` (list of) value(s).
+If `selected` is a list, then that list is updated to remove the enum option value with the `valueIndex` in `allEnumOptions`.
+If it is a single value, then if the enum option value with the `valueIndex` in `allEnumOptions` matches `selected`, undefined is returned, otherwise the `selected` value is returned.
 
 #### Parameters
-- value: EnumOptionsType\<S>["value"] - The value that should be selected
-- selected: EnumOptionsType\<S>["value"][] - The current list of selected values
+- valueIndex: string | number - The index of the value to be removed from the selected list or single value
+- [selected]: EnumOptionsType\<S>["value"] | EnumOptionsType\<S>["value"][] | undefined - The current (list of) selected value(s)
+- [allEnumOptions=[]]: EnumOptionsType\<S>[] - The list of all the known enumOptions
 
 #### Returns
 - EnumOptionsType\<S>["value"][]: The updated `selected` list with the `value` removed from it
 
+### enumOptionsIndexForValue\<S extends StrictRJSFSchema = RJSFSchema>()
+Returns the index(es) of the options in `allEnumOptions` whose value(s) match the ones in `value`.
+All the `enumOptions` are filtered based on whether they are a "selected" `value` and the index of each selected one is then stored in an array.
+If `multiple` is true, that array is returned, otherwise the first element in the array is returned.
+
+#### Parameters
+- value: EnumOptionsType\<S>["value"] | EnumOptionsType\<S>["value"][] - The single value or list of values for which indexes are desired
+- [allEnumOptions=[]]: EnumOptionsType\<S>[] - The list of all the known enumOptions
+- [multiple=false]: boolean - Optional flag, if true will return a list of index, otherwise a single one
+
+#### Returns
+- string | string[] | undefined: A single string index for the first `value` in `allEnumOptions`, if not `multiple`. Otherwise, the list of indexes for (each of) the value(s) in `value`.
+
+### enumOptionsIsSelected\<S extends StrictRJSFSchema = RJSFSchema>()
+Determines whether the given `value` is (one of) the `selected` value(s).
+
+#### Parameters
+- value: EnumOptionsType\<S>["value"] - The value being checked to see if it is selected
+- selected: EnumOptionsType\<S>["value"] | EnumOptionsType\<S>["value"][] - The current selected value or list of values
+- [allEnumOptions=[]]: EnumOptionsType\<S>[] - The list of all the known enumOptions
+
+#### Returns
+- boolean: true if the `value` is one of the `selected` ones, false otherwise
+
 ### enumOptionsSelectValue\<S extends StrictRJSFSchema = RJSFSchema>()
 Add the `value` to the list of `selected` values in the proper order as defined by `allEnumOptions`.
 
 #### Parameters
-- value: EnumOptionsType\<S>["value"] - The value that should be selected
+- valueIndex: string | number - The index of the value that should be selected
 - selected: EnumOptionsType\<S>["value"][] - The current list of selected values
-- allEnumOptions: EnumOptionsType\<S>[] - The list of all the known enumOptions
+- [allEnumOptions=[]]: EnumOptionsType\<S>[] - The list of all the known enumOptions
 
 #### Returns
 - EnumOptionsType\<S>["value"][]: The updated list of selected enum values with `value` added to it in the proper location
 
+### enumOptionsValueForIndex\<S extends StrictRJSFSchema = RJSFSchema>()
+Returns the value(s) from `allEnumOptions` at the index(es) provided by `valueIndex`.
+If `valueIndex` is not an array AND the index is not valid for `allEnumOptions`, `emptyValue` is returned.
+If `valueIndex` is an array, AND it contains an invalid index, the returned array will have the resulting undefined values filtered out, leaving only valid values or in the worst case, an empty array.
+
+#### Parameters
+- valueIndex: string | number | Array<string | number> - The index(es) of the value(s) that should be returned
+- [allEnumOptions=[]]: EnumOptionsType\<S>[] - The list of all the known enumOptions
+- [emptyValue]: EnumOptionsType\<S>["value"] | undefined - The value to return when the non-array `valueIndex` does not refer to a real option
+#### Returns
+- EnumOptionsType\<S>["value"] | EnumOptionsType\<S>["value"][] | undefined: The single or list of values specified by the single or list of indexes if they are valid. Otherwise, `emptyValue` or an empty list.
+
 ### errorId<T = any>()
 Return a consistent `id` for the field error element.
 
@@ -401,19 +440,6 @@ Parses the `dateString` into a `DateObject`, including the time information when
 #### Throws
 - Error when the date cannot be parsed from the string
 
-### processSelectValue<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()
-Returns the real value for a select widget due to a silly limitation in the DOM which causes option change event values to always be retrieved as strings.
-Uses the `schema` to help determine the value's true type.
-If the value is an empty string, then the `emptyValue` from the `options` is returned, falling back to undefined.
-
-#### Parameters
-- schema: S - The schema to used to determine the value's true type
-- [value]: any - The value to convert
-- [options]: UIOptionsType<T, S, F> | undefined - The UIOptionsType from which to potentially extract the `emptyValue`
-
-#### Returns
-- string | boolean | number | string[] | boolean[] | number[] | undefined: The `value` converted to the proper type
-
 ### rangeSpec\<S extends StrictRJSFSchema = RJSFSchema>()
 Extracts the range spec information `{ step?: number, min?: number, max?: number }` that can be spread onto an HTML input from the range analog in the schema `{ multipleOf?: number, minimum?: number, maximum?: number }`.
 
diff --git a/packages/antd/src/widgets/CheckboxesWidget/index.tsx b/packages/antd/src/widgets/CheckboxesWidget/index.tsx
index 8a44f0cc59..1a1d5b3b05 100644
--- a/packages/antd/src/widgets/CheckboxesWidget/index.tsx
+++ b/packages/antd/src/widgets/CheckboxesWidget/index.tsx
@@ -2,6 +2,8 @@ import React from "react";
 import Checkbox from "antd/lib/checkbox";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   WidgetProps,
@@ -33,15 +35,22 @@ export default function CheckboxesWidget<
 }: WidgetProps<T, S, F>) {
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
-  const { enumOptions, enumDisabled, inline } = options;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
 
-  const handleChange = (nextValue: any) => onChange(nextValue);
+  const handleChange = (nextValue: any) =>
+    onChange(enumOptionsValueForIndex<S>(nextValue, enumOptions, emptyValue));
 
   const handleBlur = ({ target }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, target.value);
+    onBlur(
+      id,
+      enumOptionsValueForIndex<S>(target.value, enumOptions, emptyValue)
+    );
 
   const handleFocus = ({ target }: React.FocusEvent<HTMLInputElement>) =>
-    onFocus(id, target.value);
+    onFocus(
+      id,
+      enumOptionsValueForIndex<S>(target.value, enumOptions, emptyValue)
+    );
 
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
@@ -51,18 +60,24 @@ export default function CheckboxesWidget<
     onFocus: !readonly ? handleFocus : undefined,
   };
 
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    true
+  ) as string[];
+
   return Array.isArray(enumOptions) && enumOptions.length > 0 ? (
     <Checkbox.Group
       disabled={disabled || (readonlyAsDisabled && readonly)}
       name={id}
       onChange={!readonly ? handleChange : undefined}
-      value={value}
+      value={selectedIndexes}
       {...extraProps}
       aria-describedby={ariaDescribedByIds<T>(id)}
     >
       {Array.isArray(enumOptions) &&
         enumOptions.map((option, i) => (
-          <span key={option.value}>
+          <span key={i}>
             <Checkbox
               id={optionId<S>(id, option)}
               name={id}
@@ -71,7 +86,7 @@ export default function CheckboxesWidget<
                 Array.isArray(enumDisabled) &&
                 enumDisabled.indexOf(value) !== -1
               }
-              value={option.value}
+              value={String(i)}
             >
               {option.label}
             </Checkbox>
diff --git a/packages/antd/src/widgets/RadioWidget/index.tsx b/packages/antd/src/widgets/RadioWidget/index.tsx
index 02038b4bb0..1a09e9f6d0 100644
--- a/packages/antd/src/widgets/RadioWidget/index.tsx
+++ b/packages/antd/src/widgets/RadioWidget/index.tsx
@@ -2,6 +2,8 @@ import React from "react";
 import Radio, { RadioChangeEvent } from "antd/lib/radio";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   GenericObjectType,
@@ -29,21 +31,31 @@ export default function RadioWidget<
   onFocus,
   options,
   readonly,
-  schema,
   value,
 }: WidgetProps<T, S, F>) {
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   const handleChange = ({ target: { value: nextValue } }: RadioChangeEvent) =>
-    onChange(schema.type === "boolean" ? nextValue !== "false" : nextValue);
+    onChange(enumOptionsValueForIndex<S>(nextValue, enumOptions, emptyValue));
 
   const handleBlur = ({ target }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, target.value);
+    onBlur(
+      id,
+      enumOptionsValueForIndex<S>(target.value, enumOptions, emptyValue)
+    );
 
   const handleFocus = ({ target }: React.FocusEvent<HTMLInputElement>) =>
-    onFocus(id, target.value);
+    onFocus(
+      id,
+      enumOptionsValueForIndex<S>(target.value, enumOptions, emptyValue)
+    );
+
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions
+  ) as string;
 
   return (
     <Radio.Group
@@ -53,7 +65,7 @@ export default function RadioWidget<
       onChange={!readonly ? handleChange : undefined}
       onBlur={!readonly ? handleBlur : undefined}
       onFocus={!readonly ? handleFocus : undefined}
-      value={`${value}`}
+      value={selectedIndexes}
       aria-describedby={ariaDescribedByIds<T>(id)}
     >
       {Array.isArray(enumOptions) &&
@@ -65,8 +77,8 @@ export default function RadioWidget<
             disabled={
               Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1
             }
-            key={option.value}
-            value={`${option.value}`}
+            key={i}
+            value={String(i)}
           >
             {option.label}
           </Radio>
diff --git a/packages/antd/src/widgets/SelectWidget/index.tsx b/packages/antd/src/widgets/SelectWidget/index.tsx
index cd7379129d..de67cc386b 100644
--- a/packages/antd/src/widgets/SelectWidget/index.tsx
+++ b/packages/antd/src/widgets/SelectWidget/index.tsx
@@ -2,7 +2,8 @@ import React from "react";
 import Select, { DefaultOptionType } from "antd/lib/select";
 import {
   ariaDescribedByIds,
-  processSelectValue,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   FormContextType,
   GenericObjectType,
   RJSFSchema,
@@ -36,21 +37,20 @@ export default function SelectWidget<
   options,
   placeholder,
   readonly,
-  schema,
   value,
 }: WidgetProps<T, S, F>) {
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   const handleChange = (nextValue: any) =>
-    onChange(processSelectValue<T, S, F>(schema, nextValue, options));
+    onChange(enumOptionsValueForIndex<S>(nextValue, enumOptions, emptyValue));
 
   const handleBlur = () =>
-    onBlur(id, processSelectValue<T, S, F>(schema, value, options));
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const handleFocus = () =>
-    onFocus(id, processSelectValue<T, S, F>(schema, value, options));
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const filterOption = (input: string, option?: DefaultOptionType) => {
     if (option && isString(option.label)) {
@@ -62,8 +62,11 @@ export default function SelectWidget<
 
   const getPopupContainer = (node: any) => node.parentNode;
 
-  const stringify = (currentValue: any) =>
-    Array.isArray(currentValue) ? value.map(String) : String(value);
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
 
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
@@ -82,20 +85,20 @@ export default function SelectWidget<
       onFocus={!readonly ? handleFocus : undefined}
       placeholder={placeholder}
       style={SELECT_STYLE}
-      value={typeof value !== "undefined" ? stringify(value) : undefined}
+      value={selectedIndexes}
       {...extraProps}
       filterOption={filterOption}
       aria-describedby={ariaDescribedByIds<T>(id)}
     >
       {Array.isArray(enumOptions) &&
-        enumOptions.map(({ value: optionValue, label: optionLabel }) => (
+        enumOptions.map(({ value: optionValue, label: optionLabel }, index) => (
           <Select.Option
             disabled={
               Array.isArray(enumDisabled) &&
               enumDisabled.indexOf(optionValue) !== -1
             }
-            key={String(optionValue)}
-            value={String(optionValue)}
+            key={String(index)}
+            value={String(index)}
           >
             {optionLabel}
           </Select.Option>
diff --git a/packages/antd/test/__snapshots__/Form.test.tsx.snap b/packages/antd/test/__snapshots__/Form.test.tsx.snap
index b55621df85..0b10a44c5d 100644
--- a/packages/antd/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Form.test.tsx.snap
@@ -147,7 +147,7 @@ exports[`single fields checkboxes field 1`] = `
               onKeyPress={[Function]}
               onKeyUp={[Function]}
               type="checkbox"
-              value="foo"
+              value="0"
             />
             <span
               className="ant-checkbox-inner"
@@ -181,7 +181,7 @@ exports[`single fields checkboxes field 1`] = `
               onKeyPress={[Function]}
               onKeyUp={[Function]}
               type="checkbox"
-              value="bar"
+              value="1"
             />
             <span
               className="ant-checkbox-inner"
@@ -215,7 +215,7 @@ exports[`single fields checkboxes field 1`] = `
               onKeyPress={[Function]}
               onKeyUp={[Function]}
               type="checkbox"
-              value="fuzz"
+              value="2"
             />
             <span
               className="ant-checkbox-inner"
@@ -249,7 +249,7 @@ exports[`single fields checkboxes field 1`] = `
               onKeyPress={[Function]}
               onKeyUp={[Function]}
               type="checkbox"
-              value="qux"
+              value="3"
             />
             <span
               className="ant-checkbox-inner"
@@ -1293,7 +1293,7 @@ exports[`single fields radio field 1`] = `
             onKeyPress={[Function]}
             onKeyUp={[Function]}
             type="radio"
-            value="true"
+            value="0"
           />
           <span
             className="ant-radio-inner"
@@ -1324,7 +1324,7 @@ exports[`single fields radio field 1`] = `
             onKeyPress={[Function]}
             onKeyUp={[Function]}
             type="radio"
-            value="false"
+            value="1"
           />
           <span
             className="ant-radio-inner"
diff --git a/packages/bootstrap-4/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/bootstrap-4/src/CheckboxesWidget/CheckboxesWidget.tsx
index 3784323fb6..2b7c9e9313 100644
--- a/packages/bootstrap-4/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/bootstrap-4/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -3,7 +3,9 @@ import Form from "react-bootstrap/Form";
 import {
   ariaDescribedByIds,
   enumOptionsDeselectValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -27,32 +29,38 @@ export default function CheckboxesWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled, inline } = options;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
   const _onChange =
-    (option: any) =>
+    (index: number) =>
     ({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) => {
       if (checked) {
         onChange(
-          enumOptionsSelectValue(option.value, checkboxesValues, enumOptions)
+          enumOptionsSelectValue<S>(index, checkboxesValues, enumOptions)
         );
       } else {
-        onChange(enumOptionsDeselectValue(option.value, checkboxesValues));
+        onChange(
+          enumOptionsDeselectValue<S>(index, checkboxesValues, enumOptions)
+        );
       }
     };
 
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, value);
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   return (
     <Form.Group>
       {Array.isArray(enumOptions) &&
         enumOptions.map((option, index: number) => {
-          const checked = checkboxesValues.includes(option.value);
+          const checked = enumOptionsIsSelected<S>(
+            option.value,
+            checkboxesValues
+          );
           const itemDisabled =
             Array.isArray(enumDisabled) &&
             enumDisabled.indexOf(option.value) !== -1;
@@ -70,7 +78,7 @@ export default function CheckboxesWidget<
               name={id}
               label={option.label}
               autoFocus={autofocus && index === 0}
-              onChange={_onChange(option)}
+              onChange={_onChange(index)}
               onBlur={_onBlur}
               onFocus={_onFocus}
               disabled={disabled || itemDisabled || readonly}
diff --git a/packages/bootstrap-4/src/RadioWidget/RadioWidget.tsx b/packages/bootstrap-4/src/RadioWidget/RadioWidget.tsx
index 1dde8f42a8..85affa9e14 100644
--- a/packages/bootstrap-4/src/RadioWidget/RadioWidget.tsx
+++ b/packages/bootstrap-4/src/RadioWidget/RadioWidget.tsx
@@ -2,6 +2,8 @@ import React from "react";
 import Form from "react-bootstrap/Form";
 import {
   ariaDescribedByIds,
+  enumOptionsIsSelected,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -15,7 +17,6 @@ export default function RadioWidget<
   F extends FormContextType = any
 >({
   id,
-  schema,
   options,
   value,
   required,
@@ -25,41 +26,42 @@ export default function RadioWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   const _onChange = ({
     target: { value },
   }: React.ChangeEvent<HTMLInputElement>) =>
-    onChange(schema.type == "boolean" ? value !== "false" : value);
+    onChange(enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, value);
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const inline = Boolean(options && options.inline);
 
   return (
     <Form.Group className="mb-0">
       {Array.isArray(enumOptions) &&
-        enumOptions.map((option) => {
+        enumOptions.map((option, index) => {
           const itemDisabled =
             Array.isArray(enumDisabled) &&
             enumDisabled.indexOf(option.value) !== -1;
-          const checked = option.value == value;
+          const checked = enumOptionsIsSelected<S>(option.value, value);
 
           const radio = (
             <Form.Check
               inline={inline}
               label={option.label}
               id={optionId<S>(id, option)}
-              key={option.value}
+              key={index}
               name={id}
               type="radio"
               disabled={disabled || itemDisabled || readonly}
               checked={checked}
               required={required}
-              value={option.value}
+              value={String(index)}
               onChange={_onChange}
               onBlur={_onBlur}
               onFocus={_onFocus}
diff --git a/packages/bootstrap-4/src/SelectWidget/SelectWidget.tsx b/packages/bootstrap-4/src/SelectWidget/SelectWidget.tsx
index 15c61afe15..b92f07037a 100644
--- a/packages/bootstrap-4/src/SelectWidget/SelectWidget.tsx
+++ b/packages/bootstrap-4/src/SelectWidget/SelectWidget.tsx
@@ -3,7 +3,8 @@ import Form from "react-bootstrap/Form";
 import {
   ariaDescribedByIds,
   FormContextType,
-  processSelectValue,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   RJSFSchema,
   StrictRJSFSchema,
   WidgetProps,
@@ -29,7 +30,7 @@ export default function SelectWidget<
   placeholder,
   rawErrors = [],
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue: optEmptyValue } = options;
 
   const emptyValue = multiple ? [] : "";
 
@@ -46,6 +47,11 @@ export default function SelectWidget<
       return event.target.value;
     }
   }
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
 
   return (
     <Form.Control
@@ -53,7 +59,9 @@ export default function SelectWidget<
       bsPrefix="custom-select"
       id={id}
       name={id}
-      value={typeof value === "undefined" ? emptyValue : value}
+      value={
+        typeof selectedIndexes === "undefined" ? emptyValue : selectedIndexes
+      }
       required={required}
       multiple={multiple}
       disabled={disabled || readonly}
@@ -63,19 +71,27 @@ export default function SelectWidget<
         onBlur &&
         ((event: React.FocusEvent) => {
           const newValue = getValue(event, multiple);
-          onBlur(id, processSelectValue<T, S, F>(schema, newValue, options));
+          onBlur(
+            id,
+            enumOptionsValueForIndex<S>(newValue, enumOptions, optEmptyValue)
+          );
         })
       }
       onFocus={
         onFocus &&
         ((event: React.FocusEvent) => {
           const newValue = getValue(event, multiple);
-          onFocus(id, processSelectValue<T, S, F>(schema, newValue, options));
+          onFocus(
+            id,
+            enumOptionsValueForIndex<S>(newValue, enumOptions, optEmptyValue)
+          );
         })
       }
       onChange={(event: React.ChangeEvent) => {
         const newValue = getValue(event, multiple);
-        onChange(processSelectValue<T, S, F>(schema, newValue, options));
+        onChange(
+          enumOptionsValueForIndex<S>(newValue, enumOptions, optEmptyValue)
+        );
       }}
       aria-describedby={ariaDescribedByIds<T>(id)}
     >
@@ -87,7 +103,7 @@ export default function SelectWidget<
           Array.isArray(enumDisabled) &&
           (enumDisabled as any).indexOf(value) != -1;
         return (
-          <option key={i} id={label} value={value} disabled={disabled}>
+          <option key={i} id={label} value={String(i)} disabled={disabled}>
             {label}
           </option>
         );
diff --git a/packages/bootstrap-4/test/__snapshots__/Array.test.tsx.snap b/packages/bootstrap-4/test/__snapshots__/Array.test.tsx.snap
index 5aa50d4149..09b3ce08a3 100644
--- a/packages/bootstrap-4/test/__snapshots__/Array.test.tsx.snap
+++ b/packages/bootstrap-4/test/__snapshots__/Array.test.tsx.snap
@@ -549,21 +549,21 @@ exports[`array fields checkboxes 1`] = `
         <option
           disabled={false}
           id="a"
-          value="a"
+          value="0"
         >
           a
         </option>
         <option
           disabled={false}
           id="b"
-          value="b"
+          value="1"
         >
           b
         </option>
         <option
           disabled={false}
           id="c"
-          value="c"
+          value="2"
         >
           c
         </option>
diff --git a/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap b/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap
index 2d6e8abcfc..29f7e3786f 100644
--- a/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/bootstrap-4/test/__snapshots__/Form.test.tsx.snap
@@ -954,7 +954,7 @@ exports[`single fields radio field 1`] = `
             onChange={[Function]}
             onFocus={[Function]}
             type="radio"
-            value={true}
+            value="0"
           />
           <label
             className="form-check-label"
@@ -978,7 +978,7 @@ exports[`single fields radio field 1`] = `
             onChange={[Function]}
             onFocus={[Function]}
             type="radio"
-            value={false}
+            value="1"
           />
           <label
             className="form-check-label"
@@ -1110,14 +1110,14 @@ exports[`single fields select field 1`] = `
         <option
           disabled={false}
           id="foo"
-          value="foo"
+          value="0"
         >
           foo
         </option>
         <option
           disabled={false}
           id="bar"
-          value="bar"
+          value="1"
         >
           bar
         </option>
diff --git a/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 94b13e4a7b..58884f2b88 100644
--- a/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -9,6 +9,9 @@ import {
 } from "@chakra-ui/react";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsIsSelected,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -37,18 +40,25 @@ export default function CheckboxesWidget<
     rawErrors = [],
     schema,
   } = props;
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
   const chakraProps = getChakra({ uiSchema });
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
   const _onBlur = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement | any>) => onBlur(id, value);
+  }: React.FocusEvent<HTMLInputElement | any>) =>
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement | any>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement | any>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const row = options ? options.inline : false;
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    true
+  ) as string[];
 
   return (
     <FormControl
@@ -63,23 +73,28 @@ export default function CheckboxesWidget<
         {label || schema.title}
       </FormLabel>
       <CheckboxGroup
-        onChange={(option) => onChange(option)}
-        defaultValue={value}
+        onChange={(option) =>
+          onChange(enumOptionsValueForIndex<S>(option, enumOptions, emptyValue))
+        }
+        defaultValue={selectedIndexes}
         aria-describedby={ariaDescribedByIds<T>(id)}
       >
         <Stack direction={row ? "row" : "column"}>
           {Array.isArray(enumOptions) &&
-            enumOptions.map((option) => {
-              const checked = checkboxesValues.includes(option.value);
+            enumOptions.map((option, index) => {
+              const checked = enumOptionsIsSelected<S>(
+                option.value,
+                checkboxesValues
+              );
               const itemDisabled =
                 Array.isArray(enumDisabled) &&
                 enumDisabled.indexOf(option.value) !== -1;
               return (
                 <Checkbox
-                  key={option.value}
+                  key={index}
                   id={optionId<S>(id, option)}
                   name={id}
-                  value={option.value}
+                  value={String(index)}
                   isChecked={checked}
                   isDisabled={disabled || itemDisabled || readonly}
                   onBlur={_onBlur}
diff --git a/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx b/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx
index 2a74a6cc08..dbde752898 100644
--- a/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx
@@ -8,6 +8,8 @@ import {
 } from "@chakra-ui/react";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -34,16 +36,23 @@ export default function RadioWidget<
   onFocus,
   uiSchema,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
   const chakraProps = getChakra({ uiSchema });
 
+  const _onChange = (nextValue: any) =>
+    onChange(enumOptionsValueForIndex<S>(nextValue, enumOptions, emptyValue));
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, value);
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const row = options ? options.inline : false;
+  const selectedIndex = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions
+  ) as string;
 
   return (
     <FormControl
@@ -57,28 +66,28 @@ export default function RadioWidget<
         {label || schema.title}
       </FormLabel>
       <RadioGroup
-        onChange={onChange}
+        onChange={_onChange}
         onBlur={_onBlur}
         onFocus={_onFocus}
-        value={`${value}`}
+        value={selectedIndex}
         name={id}
         aria-describedby={ariaDescribedByIds<T>(id)}
       >
         <Stack direction={row ? "row" : "column"}>
           {Array.isArray(enumOptions) &&
-            enumOptions.map((option) => {
+            enumOptions.map((option, index) => {
               const itemDisabled =
                 Array.isArray(enumDisabled) &&
                 enumDisabled.indexOf(option.value) !== -1;
 
               return (
                 <Radio
-                  value={`${option.value}`}
-                  key={option.value}
+                  value={String(index)}
+                  key={index}
                   id={optionId<S>(id, option)}
                   disabled={disabled || itemDisabled || readonly}
                 >
-                  {`${option.label}`}
+                  {option.label}
                 </Radio>
               );
             })}
diff --git a/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx b/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx
index 9c54825908..7f7979b496 100644
--- a/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx
@@ -2,14 +2,15 @@ import React from "react";
 import { FormControl, FormLabel } from "@chakra-ui/react";
 import {
   ariaDescribedByIds,
+  EnumOptionsType,
+  enumOptionsValueForIndex,
   FormContextType,
-  processSelectValue,
   RJSFSchema,
   StrictRJSFSchema,
   WidgetProps,
 } from "@rjsf/utils";
 import { getChakra } from "../utils";
-import { GroupBase, OptionsOrGroups, Select } from "chakra-react-select";
+import { OptionsOrGroups, Select } from "chakra-react-select";
 
 export default function SelectWidget<
   T = any,
@@ -34,53 +35,64 @@ export default function SelectWidget<
     rawErrors = [],
     uiSchema,
   } = props;
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
   const chakraProps = getChakra({ uiSchema });
 
   const _onMultiChange = (e: any) => {
     return onChange(
-      processSelectValue<T, S, F>(
-        schema,
-        e.map((v: { label: any; value: any }) => {
+      enumOptionsValueForIndex<S>(
+        e.map((v: { value: any }) => {
           return v.value;
         }),
-        options
+        enumOptions,
+        emptyValue
       )
     );
   };
 
   const _onChange = (e: any) => {
-    return onChange(processSelectValue<T, S, F>(schema, e.value, options));
+    return onChange(
+      enumOptionsValueForIndex<S>(e.value, enumOptions, emptyValue)
+    );
   };
 
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, processSelectValue<T, S, F>(schema, value, options));
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const _onFocus = ({
     target: { value },
   }: React.FocusEvent<HTMLInputElement>) =>
-    onFocus(id, processSelectValue<T, S, F>(schema, value, options));
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const _valueLabelMap: any = {};
-  (enumOptions as any).map((option: any) => {
-    const { value, label }: any = option;
-    _valueLabelMap[value] = label;
-    option["isDisabled"] =
-      enumDisabled && (enumDisabled as any).indexOf(value) != -1;
-  });
+  const displayEnumOptions: OptionsOrGroups<any, any> = Array.isArray(
+    enumOptions
+  )
+    ? enumOptions.map((option: EnumOptionsType<S>, index: number) => {
+        const { value, label } = option;
+        _valueLabelMap[index] = label;
+        return {
+          label,
+          value: String(index),
+          isDisabled:
+            Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
+        };
+      })
+    : [];
 
   const isMultiple = typeof multiple !== "undefined" && Boolean(enumOptions);
   const formValue: any = isMultiple
-    ? (value || []).map((v: any) => {
+    ? (value || []).map((v: any, index: number) => {
         return {
-          label: _valueLabelMap[v] || v,
-          value: v,
+          label: _valueLabelMap[index] || v,
+          value: index,
         };
       })
     : {
-        label: _valueLabelMap[value] || value || "",
-        value: value || "",
+        label: _valueLabelMap[0] || value || "",
+        value: 0,
       };
+
   return (
     <FormControl
       mb={1}
@@ -99,7 +111,7 @@ export default function SelectWidget<
         inputId={id}
         name={id}
         isMulti={isMultiple}
-        options={enumOptions as OptionsOrGroups<unknown, GroupBase<unknown>>}
+        options={displayEnumOptions}
         placeholder={placeholder}
         closeMenuOnSelect={!isMultiple}
         onBlur={_onBlur}
diff --git a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
index c7977fb33b..0805fa2091 100644
--- a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
@@ -491,7 +491,7 @@ exports[`single fields checkboxes field 1`] = `
                 }
               }
               type="checkbox"
-              value="foo"
+              value="0"
             />
             <span
               aria-hidden={true}
@@ -543,7 +543,7 @@ exports[`single fields checkboxes field 1`] = `
                 }
               }
               type="checkbox"
-              value="bar"
+              value="1"
             />
             <span
               aria-hidden={true}
@@ -595,7 +595,7 @@ exports[`single fields checkboxes field 1`] = `
                 }
               }
               type="checkbox"
-              value="fuzz"
+              value="2"
             />
             <span
               aria-hidden={true}
@@ -647,7 +647,7 @@ exports[`single fields checkboxes field 1`] = `
                 }
               }
               type="checkbox"
-              value="qux"
+              value="3"
             />
             <span
               aria-hidden={true}
@@ -2067,7 +2067,7 @@ exports[`single fields radio field 1`] = `
                   }
                 }
                 type="radio"
-                value="true"
+                value="0"
               />
               <span
                 aria-hidden={true}
@@ -2116,7 +2116,7 @@ exports[`single fields radio field 1`] = `
                   }
                 }
                 type="radio"
-                value="false"
+                value="1"
               />
               <span
                 aria-hidden={true}
@@ -2503,7 +2503,7 @@ exports[`single fields select field 1`] = `
               <div
                 className=" emotion-7"
               >
-                
+                foo
               </div>
               <div
                 className=" emotion-8"
@@ -2560,7 +2560,7 @@ exports[`single fields select field 1`] = `
           <input
             name="root"
             type="hidden"
-            value=""
+            value={0}
           />
         </div>
       </div>
@@ -3646,12 +3646,12 @@ exports[`single fields select field multiple choice formData 1`] = `
             <input
               name="root"
               type="hidden"
-              value="foo"
+              value={0}
             />
             <input
               name="root"
               type="hidden"
-              value="bar"
+              value={1}
             />
           </div>
         </div>
@@ -4238,7 +4238,7 @@ exports[`single fields select field single choice enumDisabled 1`] = `
               <div
                 className=" emotion-7"
               >
-                
+                foo
               </div>
               <div
                 className=" emotion-8"
@@ -4295,7 +4295,7 @@ exports[`single fields select field single choice enumDisabled 1`] = `
           <input
             name="root"
             type="hidden"
-            value=""
+            value={0}
           />
         </div>
       </div>
@@ -4557,7 +4557,7 @@ exports[`single fields select field single choice formData 1`] = `
               <div
                 className=" emotion-7"
               >
-                bar
+                foo
               </div>
               <div
                 className=" emotion-8"
@@ -4614,7 +4614,7 @@ exports[`single fields select field single choice formData 1`] = `
           <input
             name="root"
             type="hidden"
-            value="bar"
+            value={0}
           />
         </div>
       </div>
diff --git a/packages/core/src/components/widgets/CheckboxesWidget.tsx b/packages/core/src/components/widgets/CheckboxesWidget.tsx
index 54a7ae0175..92eea75562 100644
--- a/packages/core/src/components/widgets/CheckboxesWidget.tsx
+++ b/packages/core/src/components/widgets/CheckboxesWidget.tsx
@@ -1,8 +1,10 @@
-import React, { ChangeEvent } from "react";
+import React, { ChangeEvent, FocusEvent, useCallback } from "react";
 import {
   ariaDescribedByIds,
   enumOptionsDeselectValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   WidgetProps,
@@ -22,36 +24,53 @@ function CheckboxesWidget<
 >({
   id,
   disabled,
-  options: { inline = false, enumOptions, enumDisabled },
+  options: { inline = false, enumOptions, enumDisabled, emptyValue },
   value,
   autofocus = false,
   readonly,
   onChange,
+  onBlur,
+  onFocus,
 }: WidgetProps<T, S, F>) {
   const checkboxesValues = Array.isArray(value) ? value : [value];
+
+  const handleBlur = useCallback(
+    ({ target: { value } }: FocusEvent<HTMLInputElement>) =>
+      onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue)),
+    [onBlur, id]
+  );
+
+  const handleFocus = useCallback(
+    ({ target: { value } }: FocusEvent<HTMLInputElement>) =>
+      onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue)),
+    [onFocus, id]
+  );
   return (
     <div className="checkboxes" id={id}>
       {Array.isArray(enumOptions) &&
         enumOptions.map((option, index) => {
-          const checked = checkboxesValues.includes(option.value);
+          const checked = enumOptionsIsSelected<S>(
+            option.value,
+            checkboxesValues
+          );
           const itemDisabled =
             Array.isArray(enumDisabled) &&
-            enumDisabled.indexOf(option.value) != -1;
+            enumDisabled.indexOf(option.value) !== -1;
           const disabledCls =
             disabled || itemDisabled || readonly ? "disabled" : "";
 
           const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
             if (event.target.checked) {
               onChange(
-                enumOptionsSelectValue(
-                  option.value,
-                  checkboxesValues,
-                  enumOptions
-                )
+                enumOptionsSelectValue<S>(index, checkboxesValues, enumOptions)
               );
             } else {
               onChange(
-                enumOptionsDeselectValue(option.value, checkboxesValues)
+                enumOptionsDeselectValue<S>(
+                  index,
+                  checkboxesValues,
+                  enumOptions
+                )
               );
             }
           };
@@ -63,23 +82,23 @@ function CheckboxesWidget<
                 id={optionId<S>(id, option)}
                 name={id}
                 checked={checked}
+                value={String(index)}
                 disabled={disabled || itemDisabled || readonly}
                 autoFocus={autofocus && index === 0}
                 onChange={handleChange}
+                onBlur={handleBlur}
+                onFocus={handleFocus}
                 aria-describedby={ariaDescribedByIds<T>(id)}
               />
               <span>{option.label}</span>
             </span>
           );
           return inline ? (
-            <label
-              key={option.value}
-              className={`checkbox-inline ${disabledCls}`}
-            >
+            <label key={index} className={`checkbox-inline ${disabledCls}`}>
               {checkbox}
             </label>
           ) : (
-            <div key={option.value} className={`checkbox ${disabledCls}`}>
+            <div key={index} className={`checkbox ${disabledCls}`}>
               <label>{checkbox}</label>
             </div>
           );
diff --git a/packages/core/src/components/widgets/RadioWidget.tsx b/packages/core/src/components/widgets/RadioWidget.tsx
index 44dfc8a494..4f3772d0a7 100644
--- a/packages/core/src/components/widgets/RadioWidget.tsx
+++ b/packages/core/src/components/widgets/RadioWidget.tsx
@@ -1,6 +1,8 @@
 import React, { FocusEvent, useCallback } from "react";
 import {
   ariaDescribedByIds,
+  enumOptionsIsSelected,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -31,17 +33,17 @@ function RadioWidget<
 }: WidgetProps<T, S, F>) {
   // Generating a unique field name to identify this set of radio buttons
   const name = Math.random().toString();
-  const { enumOptions, enumDisabled, inline } = options;
-  // checked={checked} has been moved above name={name}, As mentioned in #349;
-  // this is a temporary fix for radio button rendering bug in React, facebook/react#7630.
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
 
   const handleBlur = useCallback(
-    (event: FocusEvent<HTMLInputElement>) => onBlur(id, event.target.value),
+    ({ target: { value } }: FocusEvent<HTMLInputElement>) =>
+      onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue)),
     [onBlur, id]
   );
 
   const handleFocus = useCallback(
-    (event: FocusEvent<HTMLInputElement>) => onFocus(id, event.target.value),
+    ({ target: { value } }: FocusEvent<HTMLInputElement>) =>
+      onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue)),
     [onFocus, id]
   );
 
@@ -49,10 +51,10 @@ function RadioWidget<
     <div className="field-radio-group" id={id}>
       {Array.isArray(enumOptions) &&
         enumOptions.map((option, i) => {
-          const checked = option.value === value;
+          const checked = enumOptionsIsSelected<S>(option.value, value);
           const itemDisabled =
             Array.isArray(enumDisabled) &&
-            enumDisabled.indexOf(option.value) != -1;
+            enumDisabled.indexOf(option.value) !== -1;
           const disabledCls =
             disabled || itemDisabled || readonly ? "disabled" : "";
 
@@ -66,7 +68,7 @@ function RadioWidget<
                 checked={checked}
                 name={name}
                 required={required}
-                value={option.value}
+                value={String(i)}
                 disabled={disabled || itemDisabled || readonly}
                 autoFocus={autofocus && i === 0}
                 onChange={handleChange}
diff --git a/packages/core/src/components/widgets/SelectWidget.tsx b/packages/core/src/components/widgets/SelectWidget.tsx
index 05cc24672b..9baf02239a 100644
--- a/packages/core/src/components/widgets/SelectWidget.tsx
+++ b/packages/core/src/components/widgets/SelectWidget.tsx
@@ -1,7 +1,8 @@
 import React, { ChangeEvent, FocusEvent, useCallback } from "react";
 import {
   ariaDescribedByIds,
-  processSelectValue,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   FormContextType,
   RJSFSchema,
   StrictRJSFSchema,
@@ -45,7 +46,7 @@ function SelectWidget<
   onFocus,
   placeholder,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
   const emptyValue = multiple ? [] : "";
 
   const handleFocus = useCallback(
@@ -53,7 +54,7 @@ function SelectWidget<
       const newValue = getValue(event, multiple);
       return onFocus(
         id,
-        processSelectValue<T, S, F>(schema, newValue, options)
+        enumOptionsValueForIndex<S>(newValue, enumOptions, optEmptyVal)
       );
     },
     [onFocus, id, schema, multiple, options]
@@ -62,7 +63,10 @@ function SelectWidget<
   const handleBlur = useCallback(
     (event: FocusEvent<HTMLSelectElement>) => {
       const newValue = getValue(event, multiple);
-      return onBlur(id, processSelectValue<T, S, F>(schema, newValue, options));
+      return onBlur(
+        id,
+        enumOptionsValueForIndex<S>(newValue, enumOptions, optEmptyVal)
+      );
     },
     [onBlur, id, schema, multiple, options]
   );
@@ -70,18 +74,28 @@ function SelectWidget<
   const handleChange = useCallback(
     (event: ChangeEvent<HTMLSelectElement>) => {
       const newValue = getValue(event, multiple);
-      return onChange(processSelectValue<T, S, F>(schema, newValue, options));
+      return onChange(
+        enumOptionsValueForIndex<S>(newValue, enumOptions, optEmptyVal)
+      );
     },
     [onChange, schema, multiple, options]
   );
 
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
+
   return (
     <select
       id={id}
       name={id}
       multiple={multiple}
       className="form-control"
-      value={typeof value === "undefined" ? emptyValue : value}
+      value={
+        typeof selectedIndexes === "undefined" ? emptyValue : selectedIndexes
+      }
       required={required}
       disabled={disabled || readonly}
       autoFocus={autofocus}
@@ -95,9 +109,9 @@ function SelectWidget<
       )}
       {Array.isArray(enumOptions) &&
         enumOptions.map(({ value, label }, i) => {
-          const disabled = enumDisabled && enumDisabled.indexOf(value) != -1;
+          const disabled = enumDisabled && enumDisabled.indexOf(value) !== -1;
           return (
-            <option key={i} value={value} disabled={disabled}>
+            <option key={i} value={String(i)} disabled={disabled}>
               {label}
             </option>
           );
diff --git a/packages/core/test/ArrayField_test.js b/packages/core/test/ArrayField_test.js
index 35f315422c..afd0ecaab5 100644
--- a/packages/core/test/ArrayField_test.js
+++ b/packages/core/test/ArrayField_test.js
@@ -1187,9 +1187,9 @@ describe("ArrayField", () => {
         Simulate.change(node.querySelector(".field select"), {
           target: {
             options: [
-              { selected: true, value: "foo" },
-              { selected: true, value: "bar" },
-              { selected: false, value: "fuzz" },
+              { selected: true, value: 0 }, // use index
+              { selected: true, value: 1 }, // use index
+              { selected: false, value: 2 }, // use index
             ],
           },
         });
@@ -1211,9 +1211,9 @@ describe("ArrayField", () => {
         Simulate.blur(select, {
           target: {
             options: [
-              { selected: true, value: "foo" },
-              { selected: true, value: "bar" },
-              { selected: false, value: "fuzz" },
+              { selected: true, value: 0 }, // use index
+              { selected: true, value: 1 }, // use index
+              { selected: false, value: 2 }, // use index
             ],
           },
         });
@@ -1229,9 +1229,9 @@ describe("ArrayField", () => {
         Simulate.focus(select, {
           target: {
             options: [
-              { selected: true, value: "foo" },
-              { selected: true, value: "bar" },
-              { selected: false, value: "fuzz" },
+              { selected: true, value: 0 }, // use index
+              { selected: true, value: 1 }, // use index
+              { selected: false, value: 2 }, // use index
             ],
           },
         });
@@ -1297,7 +1297,7 @@ describe("ArrayField", () => {
           },
         });
 
-        expect(node.querySelector("option[value=bar]").disabled).to.eql(true);
+        expect(node.querySelector("option[value='1']").disabled).to.eql(true); // use index
       });
     });
 
@@ -2011,9 +2011,9 @@ describe("ArrayField", () => {
       Simulate.change(node.querySelector(".field select"), {
         target: {
           options: [
-            { selected: true, value: "1" },
-            { selected: true, value: "2" },
-            { selected: false, value: "3" },
+            { selected: true, value: "0" }, // use index
+            { selected: true, value: "1" }, // use index
+            { selected: false, value: "2" }, // use index
           ],
         },
       });
diff --git a/packages/core/test/BooleanField_test.js b/packages/core/test/BooleanField_test.js
index ba52f22c75..608abd2fe6 100644
--- a/packages/core/test/BooleanField_test.js
+++ b/packages/core/test/BooleanField_test.js
@@ -3,7 +3,12 @@ import { expect } from "chai";
 import { Simulate } from "react-dom/test-utils";
 import sinon from "sinon";
 
-import { createFormComponent, createSandbox, submitForm } from "./test_utils";
+import {
+  createFormComponent,
+  createSandbox,
+  getSelectedOptionValue,
+  submitForm,
+} from "./test_utils";
 
 describe("BooleanField", () => {
   let sandbox;
@@ -427,7 +432,7 @@ describe("BooleanField", () => {
     const element = node.querySelector(".field-radio-group");
     Simulate.focus(node.querySelector("input"), {
       target: {
-        value: false,
+        value: 1, // use index
       },
     });
     expect(onFocus.calledWith(element.id, false)).to.be.true;
@@ -449,7 +454,7 @@ describe("BooleanField", () => {
     const element = node.querySelector(".field-radio-group");
     Simulate.blur(node.querySelector("input"), {
       target: {
-        value: false,
+        value: 1, // use index
       },
     });
     expect(onBlur.calledWith(element.id, false)).to.be.true;
@@ -490,7 +495,7 @@ describe("BooleanField", () => {
     const element = node.querySelector("select");
     Simulate.focus(element, {
       target: {
-        value: false,
+        value: 1, // use index
       },
     });
     expect(onFocus.calledWith(element.id, false)).to.be.true;
@@ -512,7 +517,7 @@ describe("BooleanField", () => {
     const element = node.querySelector("select");
     Simulate.blur(element, {
       target: {
-        value: false,
+        value: 1, // use index
       },
     });
     expect(onBlur.calledWith(element.id, false)).to.be.true;
@@ -660,9 +665,9 @@ describe("BooleanField", () => {
       expect($select.value).eql("");
 
       Simulate.change($select, {
-        target: { value: "true" },
+        target: { value: 0 }, // use index
       });
-      expect($select.value).eql("true");
+      expect(getSelectedOptionValue($select)).eql("true");
       expect(spy.lastCall.args[0].formData).eql(true);
       expect(spy.lastCall.args[1]).eql("root");
     });
@@ -698,7 +703,7 @@ describe("BooleanField", () => {
       });
 
       Simulate.change(node.querySelector("select"), {
-        target: { value: "false" },
+        target: { value: 1 }, // use index
       });
 
       sinon.assert.calledWithMatch(
diff --git a/packages/core/test/NumberField_test.js b/packages/core/test/NumberField_test.js
index 4433880c55..6d6f689af7 100644
--- a/packages/core/test/NumberField_test.js
+++ b/packages/core/test/NumberField_test.js
@@ -6,6 +6,7 @@ import sinon from "sinon";
 import {
   createFormComponent,
   createSandbox,
+  getSelectedOptionValue,
   setProps,
   submitForm,
 } from "./test_utils";
@@ -438,9 +439,9 @@ describe("NumberField", () => {
       expect($select.value).eql("");
 
       Simulate.change(node.querySelector(".field select"), {
-        target: { value: "1" },
+        target: { value: 0 }, // use index
       });
-      expect($select.value).eql("1");
+      expect(getSelectedOptionValue($select)).eql("1");
       expect(spy.lastCall.args[0].formData).eql(1);
       expect(spy.lastCall.args[1]).eql("root");
     });
@@ -479,7 +480,7 @@ describe("NumberField", () => {
       });
 
       Simulate.change(node.querySelector("select"), {
-        target: { value: "2" },
+        target: { value: 1 }, // useIndex
       });
 
       sinon.assert.calledWithMatch(onChange.lastCall, { formData: 2 }, "root");
@@ -548,7 +549,7 @@ describe("NumberField", () => {
       });
 
       const selects = node.querySelectorAll("select");
-      expect(selects[0].value).eql("2");
+      expect(getSelectedOptionValue(selects[0])).eql("2");
 
       const options = node.querySelectorAll("option");
       expect(options.length).eql(1);
diff --git a/packages/core/test/StringField_test.js b/packages/core/test/StringField_test.js
index 5cad5d1def..2d22e7d686 100644
--- a/packages/core/test/StringField_test.js
+++ b/packages/core/test/StringField_test.js
@@ -4,7 +4,12 @@ import { act, Simulate } from "react-dom/test-utils";
 import sinon from "sinon";
 import { parseDateString, toDateString, utcToLocal } from "@rjsf/utils";
 
-import { createFormComponent, createSandbox, submitForm } from "./test_utils";
+import {
+  createFormComponent,
+  createSandbox,
+  getSelectedOptionValue,
+  submitForm,
+} from "./test_utils";
 
 describe("StringField", () => {
   let sandbox;
@@ -376,7 +381,7 @@ describe("StringField", () => {
       });
       act(() => {
         Simulate.change(node.querySelector("select"), {
-          target: { value: "foo" },
+          target: { value: 0 }, // use index
         });
       });
       sinon.assert.calledWithMatch(
@@ -418,10 +423,10 @@ describe("StringField", () => {
       });
 
       Simulate.change(node.querySelector("select"), {
-        target: { value: "foo" },
+        target: { value: 0 }, // use index
       });
 
-      expect(node.querySelector("select").value).eql("foo");
+      expect(getSelectedOptionValue(node.querySelector("select"))).eql("foo");
     });
 
     it("should reflect undefined value into the dom as empty option", () => {
@@ -436,7 +441,7 @@ describe("StringField", () => {
         target: { value: "" },
       });
 
-      expect(node.querySelector("select").value).eql("");
+      expect(getSelectedOptionValue(node.querySelector("select"))).eql("");
     });
 
     it("should fill field with data", () => {
@@ -946,13 +951,13 @@ describe("StringField", () => {
 
       act(() => {
         Simulate.change(node.querySelector("#root_year"), {
-          target: { value: 2012 },
+          target: { value: 2012 - 1900 }, // convert year to index
         });
         Simulate.change(node.querySelector("#root_month"), {
-          target: { value: 10 },
+          target: { value: 9 }, // Month index
         });
         Simulate.change(node.querySelector("#root_day"), {
-          target: { value: 2 },
+          target: { value: 1 }, // Day index
         });
         Simulate.change(node.querySelector("#root_hour"), {
           target: { value: 1 },
@@ -1035,6 +1040,7 @@ describe("StringField", () => {
       const monthOptionsValues = [].map.call(monthOptions, (o) => o.value);
       expect(monthOptionsValues).eql([
         "",
+        "0",
         "1",
         "2",
         "3",
@@ -1046,7 +1052,6 @@ describe("StringField", () => {
         "9",
         "10",
         "11",
-        "12",
       ]);
     });
 
@@ -1224,13 +1229,13 @@ describe("StringField", () => {
 
       act(() => {
         Simulate.change(node.querySelector("#root_year"), {
-          target: { value: 2012 },
+          target: { value: 2012 - 1900 }, // convert year to index
         });
         Simulate.change(node.querySelector("#root_month"), {
-          target: { value: 10 },
+          target: { value: 9 }, // Month index
         });
         Simulate.change(node.querySelector("#root_day"), {
-          target: { value: 2 },
+          target: { value: 1 }, // Day index
         });
       });
       sinon.assert.calledWithMatch(onChange.lastCall, {
@@ -1249,15 +1254,21 @@ describe("StringField", () => {
 
       act(() => {
         Simulate.change(node.querySelector("#root_year"), {
-          target: { value: 2012 },
+          target: { value: 2012 - 1900 }, // convert year to index
         });
         Simulate.change(node.querySelector("#root_month"), {
-          target: { value: 10 },
+          target: { value: 9 }, // Month index
         });
       });
-      expect(node.querySelector("#root_year").value).eql("2012");
-      expect(node.querySelector("#root_month").value).eql("10");
-      expect(node.querySelector("#root_day").value).eql("");
+      expect(getSelectedOptionValue(node.querySelector("#root_year"))).eql(
+        "2012"
+      );
+      expect(getSelectedOptionValue(node.querySelector("#root_month"))).eql(
+        "10"
+      );
+      expect(getSelectedOptionValue(node.querySelector("#root_day"))).eql(
+        "day"
+      );
       sinon.assert.notCalled(onChange);
     });
 
@@ -1318,6 +1329,7 @@ describe("StringField", () => {
       const monthOptionsValues = [].map.call(monthOptions, (o) => o.value);
       expect(monthOptionsValues).eql([
         "",
+        "0",
         "1",
         "2",
         "3",
@@ -1329,7 +1341,6 @@ describe("StringField", () => {
         "9",
         "10",
         "11",
-        "12",
       ]);
     });
 
diff --git a/packages/core/test/anyOf_test.js b/packages/core/test/anyOf_test.js
index b2409f3ba4..5e7972aa0b 100644
--- a/packages/core/test/anyOf_test.js
+++ b/packages/core/test/anyOf_test.js
@@ -3,7 +3,12 @@ import { expect } from "chai";
 import { Simulate } from "react-dom/test-utils";
 import sinon from "sinon";
 
-import { createFormComponent, createSandbox, setProps } from "./test_utils";
+import {
+  createFormComponent,
+  createSandbox,
+  setProps,
+  getSelectedOptionValue,
+} from "./test_utils";
 import SelectWidget from "../src/components/widgets/SelectWidget";
 
 describe("anyOf", () => {
@@ -1353,17 +1358,17 @@ describe("anyOf", () => {
       });
 
       const rootId = node.querySelector("select#root_id");
-      expect(rootId.value).eql("chain");
+      expect(getSelectedOptionValue(rootId)).eql("chain");
       const componentId = node.querySelector("select#root_components_0_id");
-      expect(componentId.value).eql("map");
+      expect(getSelectedOptionValue(componentId)).eql("map");
 
       const fnId = node.querySelector("select#root_components_0_fn_id");
-      expect(fnId.value).eql("transform");
+      expect(getSelectedOptionValue(fnId)).eql("transform");
 
       const transformerId = node.querySelector(
         "select#root_components_0_fn_transformer_id"
       );
-      expect(transformerId.value).eql("to_absolute");
+      expect(getSelectedOptionValue(transformerId)).eql("to_absolute");
     });
   });
   describe("hideError works with anyOf", () => {
diff --git a/packages/core/test/oneOf_test.js b/packages/core/test/oneOf_test.js
index 04c454c154..b79cd510eb 100644
--- a/packages/core/test/oneOf_test.js
+++ b/packages/core/test/oneOf_test.js
@@ -3,7 +3,12 @@ import { expect } from "chai";
 import { Simulate } from "react-dom/test-utils";
 import sinon from "sinon";
 
-import { createFormComponent, createSandbox, setProps } from "./test_utils";
+import {
+  createFormComponent,
+  createSandbox,
+  getSelectedOptionValue,
+  setProps,
+} from "./test_utils";
 import SchemaField from "../src/components/fields/SchemaField";
 import SelectWidget from "../src/components/widgets/SelectWidget";
 
@@ -1098,17 +1103,17 @@ describe("oneOf", () => {
     });
 
     const rootId = node.querySelector("select#root_id");
-    expect(rootId.value).eql("chain");
+    expect(getSelectedOptionValue(rootId)).eql("chain");
     const componentId = node.querySelector("select#root_components_0_id");
-    expect(componentId.value).eql("map");
+    expect(getSelectedOptionValue(componentId)).eql("map");
 
     const fnId = node.querySelector("select#root_components_0_fn_id");
-    expect(fnId.value).eql("transform");
+    expect(getSelectedOptionValue(fnId)).eql("transform");
 
     const transformerId = node.querySelector(
       "select#root_components_0_fn_transformer_id"
     );
-    expect(transformerId.value).eql("to_absolute");
+    expect(getSelectedOptionValue(transformerId)).eql("to_absolute");
   });
 
   it("should infer the value of an array with nested oneOfs properly", () => {
diff --git a/packages/core/test/test_utils.js b/packages/core/test/test_utils.js
index f5485acfb4..d2d09c1814 100644
--- a/packages/core/test/test_utils.js
+++ b/packages/core/test/test_utils.js
@@ -60,3 +60,24 @@ export function submitForm(node) {
     Simulate.submit(node);
   });
 }
+
+export function getSelectedOptionValue(selectNode) {
+  if (selectNode.type !== "select-one") {
+    throw new Error(
+      `invalid node provided, expected select got ${selectNode.type}`
+    );
+  }
+  const value = selectNode.value;
+  const options = [...selectNode.options];
+  const selectedOptions = options
+    .filter((option) =>
+      Array.isArray(value)
+        ? value.includes(option.value)
+        : value === option.value
+    )
+    .map((option) => option.text);
+  if (!Array.isArray(value)) {
+    return selectedOptions[0];
+  }
+  return selectedOptions;
+}
diff --git a/packages/core/test/uiSchema_test.js b/packages/core/test/uiSchema_test.js
index ac856c1139..b1743e233b 100644
--- a/packages/core/test/uiSchema_test.js
+++ b/packages/core/test/uiSchema_test.js
@@ -1775,7 +1775,7 @@ describe("uiSchema", () => {
         Simulate.change(node.querySelector("select"), {
           // DOM option change events always return strings
           target: {
-            value: "true",
+            value: 0, // use index
           },
         });
 
@@ -1798,9 +1798,8 @@ describe("uiSchema", () => {
         });
 
         Simulate.change(node.querySelector("select"), {
-          // DOM option change events always return strings
           target: {
-            value: "false",
+            value: 1, // use index
           },
         });
 
diff --git a/packages/fluent-ui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/fluent-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 20d12870d7..6c4b779bd6 100644
--- a/packages/fluent-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/fluent-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -3,7 +3,9 @@ import { Checkbox, Label } from "@fluentui/react";
 import {
   ariaDescribedByIds,
   enumOptionsDeselectValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -40,28 +42,32 @@ export default function CheckboxesWidget<
   onFocus,
   rawErrors = [],
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
   const _onChange =
-    (option: any) =>
+    (index: number) =>
     (_ev?: React.FormEvent<HTMLElement>, checked?: boolean) => {
       if (checked) {
         onChange(
-          enumOptionsSelectValue(option.value, checkboxesValues, enumOptions)
+          enumOptionsSelectValue<S>(index, checkboxesValues, enumOptions)
         );
       } else {
-        onChange(enumOptionsDeselectValue(option.value, checkboxesValues));
+        onChange(
+          enumOptionsDeselectValue<S>(index, checkboxesValues, enumOptions)
+        );
       }
     };
 
   const _onBlur = ({
     target: { value },
-  }: React.FocusEvent<HTMLButtonElement>) => onBlur(id, value);
+  }: React.FocusEvent<HTMLButtonElement>) =>
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLButtonElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLButtonElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const uiProps = _pick((options.props as object) || {}, allowedProps);
 
@@ -73,7 +79,10 @@ export default function CheckboxesWidget<
       </Label>
       {Array.isArray(enumOptions) &&
         enumOptions.map((option, index: number) => {
-          const checked = checkboxesValues.includes(option.value);
+          const checked = enumOptionsIsSelected<S>(
+            option.value,
+            checkboxesValues
+          );
           const itemDisabled =
             Array.isArray(enumDisabled) &&
             enumDisabled.indexOf(option.value) !== -1;
@@ -85,10 +94,10 @@ export default function CheckboxesWidget<
               label={option.label}
               disabled={disabled || itemDisabled || readonly}
               autoFocus={autofocus && index === 0}
-              onChange={_onChange(option)}
+              onChange={_onChange(index)}
               onBlur={_onBlur}
               onFocus={_onFocus}
-              key={option.value}
+              key={index}
               {...uiProps}
               aria-describedby={ariaDescribedByIds<T>(id)}
             />
diff --git a/packages/fluent-ui/src/RadioWidget/RadioWidget.tsx b/packages/fluent-ui/src/RadioWidget/RadioWidget.tsx
index be8d8404f5..83c618716f 100644
--- a/packages/fluent-ui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/fluent-ui/src/RadioWidget/RadioWidget.tsx
@@ -6,6 +6,8 @@ import {
 } from "@fluentui/react";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -44,7 +46,7 @@ export default function RadioWidget<
   disabled,
   readonly,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   function _onChange(
     _ev?: React.FormEvent<HTMLElement | HTMLInputElement>,
@@ -56,14 +58,15 @@ export default function RadioWidget<
   }
 
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, value);
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const newOptions = Array.isArray(enumOptions)
-    ? enumOptions.map((option) => ({
-        key: option.value,
+    ? enumOptions.map((option, index) => ({
+        key: String(index),
         name: id,
         id: optionId<S>(id, option),
         text: option.label,
@@ -74,6 +77,11 @@ export default function RadioWidget<
       }))
     : [];
 
+  const selectedIndex = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions
+  ) as string;
+
   const uiProps = _pick((options.props as object) || {}, allowedProps);
   return (
     <ChoiceGroup
@@ -86,7 +94,7 @@ export default function RadioWidget<
       onBlur={_onBlur}
       label={label || schema.title}
       required={required}
-      selectedKey={value}
+      selectedKey={selectedIndex}
       {...uiProps}
     />
   );
diff --git a/packages/fluent-ui/src/SelectWidget/SelectWidget.tsx b/packages/fluent-ui/src/SelectWidget/SelectWidget.tsx
index 73c5dc94a7..35cd7a181e 100644
--- a/packages/fluent-ui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/fluent-ui/src/SelectWidget/SelectWidget.tsx
@@ -1,9 +1,12 @@
 import React from "react";
-import { Label, Dropdown, IDropdownOption } from "@fluentui/react";
+import { Dropdown, IDropdownOption } from "@fluentui/react";
 import {
   ariaDescribedByIds,
+  enumOptionsDeselectValue,
+  enumOptionsIndexForValue,
+  enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   WidgetProps,
-  processSelectValue,
   StrictRJSFSchema,
   RJSFSchema,
   FormContextType,
@@ -74,7 +77,7 @@ export default function SelectWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   const _onChange = (
     _ev?: React.FormEvent<HTMLElement>,
@@ -86,46 +89,59 @@ export default function SelectWidget<
     if (multiple) {
       const valueOrDefault = value || [];
       if (item.selected) {
-        onChange([...valueOrDefault, item.key]);
+        onChange(enumOptionsSelectValue(item.key, valueOrDefault, enumOptions));
       } else {
-        onChange(valueOrDefault.filter((key: any) => key !== item.key));
+        onChange(
+          enumOptionsDeselectValue(item.key, valueOrDefault, enumOptions)
+        );
       }
     } else {
-      onChange(processSelectValue<T, S, F>(schema, item.key, options));
+      onChange(enumOptionsValueForIndex<S>(item.key, enumOptions, emptyValue));
     }
   };
   const _onBlur = (e: any) =>
-    onBlur(id, processSelectValue<T, S, F>(schema, e.target.value, options));
+    onBlur(
+      id,
+      enumOptionsValueForIndex<S>(e.target.value, enumOptions, emptyValue)
+    );
 
   const _onFocus = (e: any) =>
-    onFocus(id, processSelectValue<T, S, F>(schema, e.target.value, options));
+    onFocus(
+      id,
+      enumOptionsValueForIndex<S>(e.target.value, enumOptions, emptyValue)
+    );
 
-  const newOptions = (enumOptions as { value: any; label: any }[]).map(
-    (option) => ({
-      key: option.value,
-      text: option.label,
-      disabled: ((enumDisabled as any[]) || []).indexOf(option.value) !== -1,
-    })
-  );
+  const newOptions = Array.isArray(enumOptions)
+    ? enumOptions.map((option, index) => ({
+        key: String(index),
+        text: option.label,
+        disabled:
+          Array.isArray(enumDisabled) &&
+          enumDisabled.indexOf(option.value) !== -1,
+      }))
+    : [];
 
   const uiProps = _pick((options.props as object) || {}, allowedProps);
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
   return (
-    <>
-      <Label>{label || schema.title}</Label>
-      <Dropdown
-        id={id}
-        multiSelect={multiple}
-        defaultSelectedKey={multiple ? undefined : value}
-        defaultSelectedKeys={multiple ? value : undefined}
-        required={required}
-        options={newOptions}
-        disabled={disabled || readonly}
-        onChange={_onChange}
-        onBlur={_onBlur}
-        onFocus={_onFocus}
-        {...uiProps}
-        aria-describedby={ariaDescribedByIds<T>(id)}
-      />
-    </>
+    <Dropdown
+      id={id}
+      label={label || schema.title}
+      multiSelect={multiple}
+      defaultSelectedKey={multiple ? undefined : selectedIndexes}
+      defaultSelectedKeys={multiple ? (selectedIndexes as string[]) : undefined}
+      required={required}
+      options={newOptions}
+      disabled={disabled || readonly}
+      onChange={_onChange}
+      onBlur={_onBlur}
+      onFocus={_onFocus}
+      {...uiProps}
+      aria-describedby={ariaDescribedByIds<T>(id)}
+    />
   );
 }
diff --git a/packages/fluent-ui/test/__snapshots__/Array.test.tsx.snap b/packages/fluent-ui/test/__snapshots__/Array.test.tsx.snap
index b398c4f4e9..0916fd46ca 100644
--- a/packages/fluent-ui/test/__snapshots__/Array.test.tsx.snap
+++ b/packages/fluent-ui/test/__snapshots__/Array.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`array fields array icons 1`] = `
         >
           <button
             aria-disabled={true}
-            className="ms-Button ms-Button--icon is-disabled root-84"
+            className="ms-Button ms-Button--icon is-disabled root-83"
             data-is-focusable={false}
             disabled={true}
             onClick={[Function]}
@@ -207,7 +207,7 @@ exports[`array fields array icons 1`] = `
             >
               <i
                 aria-hidden={true}
-                className="ms-Icon root-37 css-88 ms-Button-icon icon-85"
+                className="ms-Icon root-37 css-87 ms-Button-icon icon-84"
                 data-icon-name="Up"
                 style={
                   Object {
@@ -220,7 +220,7 @@ exports[`array fields array icons 1`] = `
             </span>
           </button>
           <button
-            className="ms-Button ms-Button--icon root-89"
+            className="ms-Button ms-Button--icon root-88"
             data-is-focusable={true}
             onClick={[Function]}
             onKeyDown={[Function]}
@@ -236,7 +236,7 @@ exports[`array fields array icons 1`] = `
             >
               <i
                 aria-hidden={true}
-                className="ms-Icon root-37 css-88 ms-Button-icon icon-51"
+                className="ms-Icon root-37 css-87 ms-Button-icon icon-51"
                 data-icon-name="Down"
                 style={
                   Object {
@@ -249,7 +249,7 @@ exports[`array fields array icons 1`] = `
             </span>
           </button>
           <button
-            className="ms-Button ms-Button--icon root-89"
+            className="ms-Button ms-Button--icon root-88"
             data-is-focusable={true}
             onClick={[Function]}
             onKeyDown={[Function]}
@@ -346,7 +346,7 @@ exports[`array fields array icons 1`] = `
           }
         >
           <button
-            className="ms-Button ms-Button--icon root-89"
+            className="ms-Button ms-Button--icon root-88"
             data-is-focusable={true}
             onClick={[Function]}
             onKeyDown={[Function]}
@@ -362,7 +362,7 @@ exports[`array fields array icons 1`] = `
             >
               <i
                 aria-hidden={true}
-                className="ms-Icon root-37 css-88 ms-Button-icon icon-51"
+                className="ms-Icon root-37 css-87 ms-Button-icon icon-51"
                 data-icon-name="Up"
                 style={
                   Object {
@@ -376,7 +376,7 @@ exports[`array fields array icons 1`] = `
           </button>
           <button
             aria-disabled={true}
-            className="ms-Button ms-Button--icon is-disabled root-84"
+            className="ms-Button ms-Button--icon is-disabled root-83"
             data-is-focusable={false}
             disabled={true}
             onClick={[Function]}
@@ -393,7 +393,7 @@ exports[`array fields array icons 1`] = `
             >
               <i
                 aria-hidden={true}
-                className="ms-Icon root-37 css-88 ms-Button-icon icon-85"
+                className="ms-Icon root-37 css-87 ms-Button-icon icon-84"
                 data-icon-name="Down"
                 style={
                   Object {
@@ -406,7 +406,7 @@ exports[`array fields array icons 1`] = `
             </span>
           </button>
           <button
-            className="ms-Button ms-Button--icon root-89"
+            className="ms-Button ms-Button--icon root-88"
             data-is-focusable={true}
             onClick={[Function]}
             onKeyDown={[Function]}
@@ -544,9 +544,6 @@ exports[`array fields checkboxes 1`] = `
       }
     }
   >
-    <label
-      className="ms-Label root-66"
-    />
     <div
       className="ms-Dropdown-container"
     >
@@ -556,7 +553,7 @@ exports[`array fields checkboxes 1`] = `
         aria-expanded="false"
         aria-haspopup="listbox"
         aria-required={false}
-        className="ms-Dropdown dropdown-67"
+        className="ms-Dropdown dropdown-66"
         data-is-focusable={true}
         id="root"
         onBlur={[Function]}
@@ -570,15 +567,15 @@ exports[`array fields checkboxes 1`] = `
         tabIndex={0}
       >
         <span
-          className="ms-Dropdown-title ms-Dropdown-titleIsPlaceHolder title-68"
+          className="ms-Dropdown-title ms-Dropdown-titleIsPlaceHolder title-67"
           id="root-option"
         />
         <span
-          className="ms-Dropdown-caretDownWrapper caretDownWrapper-69"
+          className="ms-Dropdown-caretDownWrapper caretDownWrapper-68"
         >
           <i
             aria-hidden={true}
-            className="ms-Dropdown-caretDown caretDown-83"
+            className="ms-Dropdown-caretDown caretDown-82"
             data-icon-name="ChevronDown"
           >
             
@@ -666,14 +663,14 @@ exports[`array fields empty errors array 1`] = `
               className="ms-TextField-wrapper"
             >
               <label
-                className="ms-Label root-66"
+                className="ms-Label root-90"
                 htmlFor="root_name"
                 id="TextFieldLabel56"
               >
                 name
               </label>
               <div
-                className="ms-TextField-fieldGroup fieldGroup-90"
+                className="ms-TextField-fieldGroup fieldGroup-89"
               >
                 <input
                   aria-describedby="root_name__error root_name__description root_name__help"
@@ -955,14 +952,14 @@ exports[`array fields no errors 1`] = `
               className="ms-TextField-wrapper"
             >
               <label
-                className="ms-Label root-66"
+                className="ms-Label root-90"
                 htmlFor="root_name"
                 id="TextFieldLabel50"
               >
                 name
               </label>
               <div
-                className="ms-TextField-fieldGroup fieldGroup-90"
+                className="ms-TextField-fieldGroup fieldGroup-89"
               >
                 <input
                   aria-describedby="root_name__error root_name__description root_name__help"
diff --git a/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap b/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap
index 538f3cc2e8..fd491cd9e4 100644
--- a/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/fluent-ui/test/__snapshots__/Form.test.tsx.snap
@@ -1887,7 +1887,7 @@ exports[`single fields radio field 1`] = `
               >
                 <span
                   className="ms-ChoiceFieldLabel"
-                  id="ChoiceGroupLabel113-true"
+                  id="ChoiceGroupLabel113-0"
                 >
                   Yes
                 </span>
@@ -1918,7 +1918,7 @@ exports[`single fields radio field 1`] = `
               >
                 <span
                   className="ms-ChoiceFieldLabel"
-                  id="ChoiceGroupLabel113-false"
+                  id="ChoiceGroupLabel113-1"
                 >
                   No
                 </span>
@@ -2087,9 +2087,6 @@ exports[`single fields select field 1`] = `
       }
     }
   >
-    <label
-      className="ms-Label root-61"
-    />
     <div
       className="ms-Dropdown-container"
     >
diff --git a/packages/material-ui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/material-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 62f77d81bf..abda52ec8a 100644
--- a/packages/material-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/material-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -6,7 +6,9 @@ import FormLabel from "@material-ui/core/FormLabel";
 import {
   ariaDescribedByIds,
   enumOptionsDeselectValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   WidgetProps,
@@ -37,27 +39,31 @@ export default function CheckboxesWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled, inline } = options;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
   const _onChange =
-    (option: any) =>
+    (index: number) =>
     ({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) => {
       if (checked) {
         onChange(
-          enumOptionsSelectValue(option.value, checkboxesValues, enumOptions)
+          enumOptionsSelectValue<S>(index, checkboxesValues, enumOptions)
         );
       } else {
-        onChange(enumOptionsDeselectValue(option.value, checkboxesValues));
+        onChange(
+          enumOptionsDeselectValue<S>(index, checkboxesValues, enumOptions)
+        );
       }
     };
 
   const _onBlur = ({
     target: { value },
-  }: React.FocusEvent<HTMLButtonElement>) => onBlur(id, value);
+  }: React.FocusEvent<HTMLButtonElement>) =>
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLButtonElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLButtonElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   return (
     <>
@@ -67,7 +73,10 @@ export default function CheckboxesWidget<
       <FormGroup id={id} row={!!inline}>
         {Array.isArray(enumOptions) &&
           enumOptions.map((option, index: number) => {
-            const checked = checkboxesValues.includes(option.value);
+            const checked = enumOptionsIsSelected<S>(
+              option.value,
+              checkboxesValues
+            );
             const itemDisabled =
               Array.isArray(enumDisabled) &&
               enumDisabled.indexOf(option.value) !== -1;
@@ -78,7 +87,7 @@ export default function CheckboxesWidget<
                 checked={checked}
                 disabled={disabled || itemDisabled || readonly}
                 autoFocus={autofocus && index === 0}
-                onChange={_onChange(option)}
+                onChange={_onChange(index)}
                 onBlur={_onBlur}
                 onFocus={_onFocus}
                 aria-describedby={ariaDescribedByIds<T>(id)}
@@ -87,7 +96,7 @@ export default function CheckboxesWidget<
             return (
               <FormControlLabel
                 control={checkbox}
-                key={option.value}
+                key={index}
                 label={option.label}
               />
             );
diff --git a/packages/material-ui/src/RadioWidget/RadioWidget.tsx b/packages/material-ui/src/RadioWidget/RadioWidget.tsx
index 2ef80bd139..7349941944 100644
--- a/packages/material-ui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/material-ui/src/RadioWidget/RadioWidget.tsx
@@ -5,6 +5,8 @@ import Radio from "@material-ui/core/Radio";
 import RadioGroup from "@material-ui/core/RadioGroup";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -34,17 +36,19 @@ export default function RadioWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   const _onChange = (_: any, value: any) =>
-    onChange(schema.type == "boolean" ? value !== "false" : value);
+    onChange(enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, value);
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const row = options ? options.inline : false;
+  const selectedIndex = enumOptionsIndexForValue<S>(value, enumOptions);
 
   return (
     <>
@@ -54,7 +58,7 @@ export default function RadioWidget<
       <RadioGroup
         id={id}
         name={id}
-        value={`${value}`}
+        value={selectedIndex}
         row={row as boolean}
         onChange={_onChange}
         onBlur={_onBlur}
@@ -62,7 +66,7 @@ export default function RadioWidget<
         aria-describedby={ariaDescribedByIds<T>(id)}
       >
         {Array.isArray(enumOptions) &&
-          enumOptions.map((option) => {
+          enumOptions.map((option, index) => {
             const itemDisabled =
               Array.isArray(enumDisabled) &&
               enumDisabled.indexOf(option.value) !== -1;
@@ -75,9 +79,9 @@ export default function RadioWidget<
                     color="primary"
                   />
                 }
-                label={`${option.label}`}
-                value={`${option.value}`}
-                key={option.value}
+                label={option.label}
+                value={String(index)}
+                key={index}
                 disabled={disabled || itemDisabled || readonly}
               />
             );
diff --git a/packages/material-ui/src/SelectWidget/SelectWidget.tsx b/packages/material-ui/src/SelectWidget/SelectWidget.tsx
index 8fff6cf68e..32eb0115b1 100644
--- a/packages/material-ui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/material-ui/src/SelectWidget/SelectWidget.tsx
@@ -3,7 +3,8 @@ import MenuItem from "@material-ui/core/MenuItem";
 import TextField, { TextFieldProps } from "@material-ui/core/TextField";
 import {
   ariaDescribedByIds,
-  processSelectValue,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   FormContextType,
   RJSFSchema,
   StrictRJSFSchema,
@@ -41,7 +42,7 @@ export default function SelectWidget<
   formContext,
   ...textFieldProps
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
 
   multiple = typeof multiple === "undefined" ? false : !!multiple;
 
@@ -53,21 +54,26 @@ export default function SelectWidget<
 
   const _onChange = ({
     target: { value },
-  }: React.ChangeEvent<{ name?: string; value: unknown }>) =>
-    onChange(processSelectValue<T, S, F>(schema, value, options));
+  }: React.ChangeEvent<{ value: string }>) =>
+    onChange(enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, processSelectValue<T, S, F>(schema, value, options));
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
   const _onFocus = ({
     target: { value },
   }: React.FocusEvent<HTMLInputElement>) =>
-    onFocus(id, processSelectValue<T, S, F>(schema, value, options));
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
 
   return (
     <TextField
       id={id}
       name={id}
       label={label || schema.title}
-      value={isEmpty ? emptyValue : value}
+      value={isEmpty ? emptyValue : selectedIndexes}
       required={required}
       disabled={disabled || readonly}
       autoFocus={autofocus}
@@ -88,15 +94,16 @@ export default function SelectWidget<
       }}
       aria-describedby={ariaDescribedByIds<T>(id)}
     >
-      {(enumOptions as any).map(({ value, label }: any, i: number) => {
-        const disabled: any =
-          enumDisabled && (enumDisabled as any).indexOf(value) != -1;
-        return (
-          <MenuItem key={i} value={value} disabled={disabled}>
-            {label}
-          </MenuItem>
-        );
-      })}
+      {Array.isArray(enumOptions) &&
+        enumOptions.map(({ value, label }, i: number) => {
+          const disabled: boolean =
+            Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1;
+          return (
+            <MenuItem key={i} value={String(i)} disabled={disabled}>
+              {label}
+            </MenuItem>
+          );
+        })}
     </TextField>
   );
 }
diff --git a/packages/material-ui/test/__snapshots__/Form.test.tsx.snap b/packages/material-ui/test/__snapshots__/Form.test.tsx.snap
index 28e0b1b09f..456d85552f 100644
--- a/packages/material-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/material-ui/test/__snapshots__/Form.test.tsx.snap
@@ -1495,7 +1495,7 @@ exports[`single fields radio field 1`] = `
                 name="root"
                 onChange={[Function]}
                 type="radio"
-                value="true"
+                value="0"
               />
               <div
                 className="PrivateRadioButtonIcon-root-24"
@@ -1562,7 +1562,7 @@ exports[`single fields radio field 1`] = `
                 name="root"
                 onChange={[Function]}
                 type="radio"
-                value="false"
+                value="1"
               />
               <div
                 className="PrivateRadioButtonIcon-root-24"
diff --git a/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx
index e6ba746dfc..88a981f3db 100644
--- a/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -6,7 +6,9 @@ import FormLabel from "@mui/material/FormLabel";
 import {
   ariaDescribedByIds,
   enumOptionsDeselectValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   WidgetProps,
@@ -37,27 +39,29 @@ export default function CheckboxesWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled, inline } = options;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
   const _onChange =
-    (option: any) =>
+    (index: number) =>
     ({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) => {
       if (checked) {
+        onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+      } else {
         onChange(
-          enumOptionsSelectValue(option.value, checkboxesValues, enumOptions)
+          enumOptionsDeselectValue(index, checkboxesValues, enumOptions)
         );
-      } else {
-        onChange(enumOptionsDeselectValue(option.value, checkboxesValues));
       }
     };
 
   const _onBlur = ({
     target: { value },
-  }: React.FocusEvent<HTMLButtonElement>) => onBlur(id, value);
+  }: React.FocusEvent<HTMLButtonElement>) =>
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLButtonElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLButtonElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   return (
     <>
@@ -67,7 +71,10 @@ export default function CheckboxesWidget<
       <FormGroup id={id} row={!!inline}>
         {Array.isArray(enumOptions) &&
           enumOptions.map((option, index: number) => {
-            const checked = checkboxesValues.includes(option.value);
+            const checked = enumOptionsIsSelected<S>(
+              option.value,
+              checkboxesValues
+            );
             const itemDisabled =
               Array.isArray(enumDisabled) &&
               enumDisabled.indexOf(option.value) !== -1;
@@ -78,7 +85,7 @@ export default function CheckboxesWidget<
                 checked={checked}
                 disabled={disabled || itemDisabled || readonly}
                 autoFocus={autofocus && index === 0}
-                onChange={_onChange(option)}
+                onChange={_onChange(index)}
                 onBlur={_onBlur}
                 onFocus={_onFocus}
                 aria-describedby={ariaDescribedByIds<T>(id)}
@@ -87,7 +94,7 @@ export default function CheckboxesWidget<
             return (
               <FormControlLabel
                 control={checkbox}
-                key={option.value}
+                key={index}
                 label={option.label}
               />
             );
diff --git a/packages/mui/src/RadioWidget/RadioWidget.tsx b/packages/mui/src/RadioWidget/RadioWidget.tsx
index ec401edde9..d7ae2de420 100644
--- a/packages/mui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/mui/src/RadioWidget/RadioWidget.tsx
@@ -5,6 +5,8 @@ import Radio from "@mui/material/Radio";
 import RadioGroup from "@mui/material/RadioGroup";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -34,17 +36,19 @@ export default function RadioWidget<
   onBlur,
   onFocus,
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
 
   const _onChange = (_: any, value: any) =>
-    onChange(schema.type == "boolean" ? value !== "false" : value);
+    onChange(enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, value);
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
   const _onFocus = ({
     target: { value },
-  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+  }: React.FocusEvent<HTMLInputElement>) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
   const row = options ? options.inline : false;
+  const selectedIndex = enumOptionsIndexForValue<S>(value, enumOptions);
 
   return (
     <>
@@ -54,7 +58,7 @@ export default function RadioWidget<
       <RadioGroup
         id={id}
         name={id}
-        value={`${value}`}
+        value={selectedIndex}
         row={row as boolean}
         onChange={_onChange}
         onBlur={_onBlur}
@@ -62,7 +66,7 @@ export default function RadioWidget<
         aria-describedby={ariaDescribedByIds<T>(id)}
       >
         {Array.isArray(enumOptions) &&
-          enumOptions.map((option) => {
+          enumOptions.map((option, index) => {
             const itemDisabled =
               Array.isArray(enumDisabled) &&
               enumDisabled.indexOf(option.value) !== -1;
@@ -75,9 +79,9 @@ export default function RadioWidget<
                     color="primary"
                   />
                 }
-                label={`${option.label}`}
-                value={`${option.value}`}
-                key={option.value}
+                label={option.label}
+                value={String(index)}
+                key={index}
                 disabled={disabled || itemDisabled || readonly}
               />
             );
diff --git a/packages/mui/src/SelectWidget/SelectWidget.tsx b/packages/mui/src/SelectWidget/SelectWidget.tsx
index ef321dbf1f..3e425a7ad6 100644
--- a/packages/mui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/mui/src/SelectWidget/SelectWidget.tsx
@@ -3,7 +3,8 @@ import MenuItem from "@mui/material/MenuItem";
 import TextField, { TextFieldProps } from "@mui/material/TextField";
 import {
   ariaDescribedByIds,
-  processSelectValue,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   FormContextType,
   RJSFSchema,
   StrictRJSFSchema,
@@ -41,7 +42,7 @@ export default function SelectWidget<
   formContext,
   ...textFieldProps
 }: WidgetProps<T, S, F>) {
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
 
   multiple = typeof multiple === "undefined" ? false : !!multiple;
 
@@ -53,21 +54,26 @@ export default function SelectWidget<
 
   const _onChange = ({
     target: { value },
-  }: React.ChangeEvent<{ name?: string; value: unknown }>) =>
-    onChange(processSelectValue<T, S, F>(schema, value, options));
+  }: React.ChangeEvent<{ value: string }>) =>
+    onChange(enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
   const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
-    onBlur(id, processSelectValue<T, S, F>(schema, value, options));
+    onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
   const _onFocus = ({
     target: { value },
   }: React.FocusEvent<HTMLInputElement>) =>
-    onFocus(id, processSelectValue<T, S, F>(schema, value, options));
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
 
   return (
     <TextField
       id={id}
       name={id}
       label={label || schema.title}
-      value={isEmpty ? emptyValue : value}
+      value={isEmpty ? emptyValue : selectedIndexes}
       required={required}
       disabled={disabled || readonly}
       autoFocus={autofocus}
@@ -88,15 +94,16 @@ export default function SelectWidget<
       }}
       aria-describedby={ariaDescribedByIds<T>(id)}
     >
-      {(enumOptions as any).map(({ value, label }: any, i: number) => {
-        const disabled: any =
-          enumDisabled && (enumDisabled as any).indexOf(value) != -1;
-        return (
-          <MenuItem key={i} value={value} disabled={disabled}>
-            {label}
-          </MenuItem>
-        );
-      })}
+      {Array.isArray(enumOptions) &&
+        enumOptions.map(({ value, label }, i: number) => {
+          const disabled: boolean =
+            Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1;
+          return (
+            <MenuItem key={i} value={String(i)} disabled={disabled}>
+              {label}
+            </MenuItem>
+          );
+        })}
     </TextField>
   );
 }
diff --git a/packages/mui/test/__snapshots__/Form.test.tsx.snap b/packages/mui/test/__snapshots__/Form.test.tsx.snap
index 12c8f3c824..86cf27ea92 100644
--- a/packages/mui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/mui/test/__snapshots__/Form.test.tsx.snap
@@ -6753,7 +6753,7 @@ exports[`single fields radio field 1`] = `
               name="root"
               onChange={[Function]}
               type="radio"
-              value="true"
+              value="0"
             />
             <span
               className="emotion-6"
@@ -6815,7 +6815,7 @@ exports[`single fields radio field 1`] = `
               name="root"
               onChange={[Function]}
               type="radio"
-              value="false"
+              value="1"
             />
             <span
               className="emotion-6"
diff --git a/packages/playground/src/samples/enumObjects.js b/packages/playground/src/samples/enumObjects.js
new file mode 100644
index 0000000000..0e48d06aca
--- /dev/null
+++ b/packages/playground/src/samples/enumObjects.js
@@ -0,0 +1,47 @@
+export default {
+  schema: {
+    definitions: {
+      locations: {
+        enumNames: ["New York", "Amsterdam", "Hong Kong"],
+        enum: [
+          {
+            name: "New York",
+            lat: 40,
+            lon: 74,
+          },
+          {
+            name: "Amsterdam",
+            lat: 52,
+            lon: 5,
+          },
+          {
+            name: "Hong Kong",
+            lat: 22,
+            lon: 114,
+          },
+        ],
+      },
+    },
+    type: "object",
+    properties: {
+      location: {
+        title: "Location",
+        $ref: "#/definitions/locations",
+      },
+      multiSelect: {
+        type: "array",
+        uniqueItems: true,
+        items: {
+          $ref: "#/definitions/locations",
+        },
+      },
+    },
+  },
+  formData: {
+    location: {
+      name: "Amsterdam",
+      lat: 52,
+      lon: 5,
+    },
+  },
+};
diff --git a/packages/playground/src/samples/index.js b/packages/playground/src/samples/index.js
index 89f899e481..9d11698bab 100644
--- a/packages/playground/src/samples/index.js
+++ b/packages/playground/src/samples/index.js
@@ -2,6 +2,7 @@ import arrays from "./arrays";
 import anyOf from "./anyOf";
 import oneOf from "./oneOf";
 import allOf from "./allOf";
+import enumObjects from "./enumObjects";
 import nested from "./nested";
 import numbers from "./numbers";
 import simple from "./simple";
@@ -59,6 +60,7 @@ export const samples = {
   "All Of": allOf,
   "If Then Else": ifThenElse,
   "Null fields": nullField,
+  "Enumerated objects": enumObjects,
   Nullable: nullable,
   ErrorSchema: errorSchema,
   Defaults: defaults,
diff --git a/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 786fb94d99..2b984ba17b 100644
--- a/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -3,11 +3,11 @@ import { Form } from "semantic-ui-react";
 import {
   ariaDescribedByIds,
   enumOptionsDeselectValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
   getTemplate,
   optionId,
   titleId,
-  EnumOptionsType,
   FormContextType,
   RJSFSchema,
   StrictRJSFSchema,
@@ -58,20 +58,22 @@ export default function CheckboxesWidget<
     },
   });
   const _onChange =
-    (option: EnumOptionsType) =>
+    (index: number) =>
     ({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) => {
       // eslint-disable-next-line no-shadow
       if (checked) {
         onChange(
-          enumOptionsSelectValue<S>(option.value, checkboxesValues, enumOptions)
+          enumOptionsSelectValue<S>(index, checkboxesValues, enumOptions)
         );
       } else {
-        onChange(enumOptionsDeselectValue<S>(option.value, checkboxesValues));
+        onChange(
+          enumOptionsDeselectValue<S>(index, checkboxesValues, enumOptions)
+        );
       }
     };
 
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
+  const _onBlur = () => onBlur(id, value);
+  const _onFocus = () => onFocus(id, value);
   const inlineOption = inline ? { inline: true } : { grouped: true };
   return (
     <>
@@ -87,7 +89,10 @@ export default function CheckboxesWidget<
       <Form.Group id={id} name={id} {...inlineOption}>
         {Array.isArray(enumOptions) &&
           enumOptions.map((option, index) => {
-            const checked = checkboxesValues.includes(option.value);
+            const checked = enumOptionsIsSelected<S>(
+              option.value,
+              checkboxesValues
+            );
             const itemDisabled =
               Array.isArray(enumDisabled) &&
               enumDisabled.indexOf(option.value) !== -1;
@@ -95,14 +100,14 @@ export default function CheckboxesWidget<
               <Form.Checkbox
                 id={optionId<S>(id, option)}
                 name={id}
-                key={option.value}
+                key={index}
                 label={option.label}
                 {...semanticProps}
                 checked={checked}
                 error={rawErrors.length > 0}
                 disabled={disabled || itemDisabled || readonly}
                 autoFocus={autofocus && index === 0}
-                onChange={_onChange(option)}
+                onChange={_onChange(index)}
                 onBlur={_onBlur}
                 onFocus={_onFocus}
                 aria-describedby={ariaDescribedByIds<T>(id)}
diff --git a/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx b/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx
index 53da867335..0ce48c86a6 100644
--- a/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx
@@ -1,6 +1,8 @@
 import React from "react";
 import {
   ariaDescribedByIds,
+  enumOptionsIsSelected,
+  enumOptionsValueForIndex,
   optionId,
   FormContextType,
   RJSFSchema,
@@ -29,13 +31,12 @@ export default function RadioWidget<
     onChange,
     onBlur,
     onFocus,
-    schema,
     options,
     formContext,
     uiSchema,
     rawErrors = [],
   } = props;
-  const { enumOptions, enumDisabled } = options;
+  const { enumOptions, enumDisabled, emptyValue } = options;
   const semanticProps = getSemanticProps<T, S, F>({
     formContext,
     options,
@@ -45,19 +46,16 @@ export default function RadioWidget<
   const _onChange = (
     _: React.FormEvent<HTMLInputElement>,
     { value: eventValue }: CheckboxProps
-  ) => {
-    return (
-      onChange &&
-      onChange(schema.type === "boolean" ? eventValue !== "false" : eventValue)
-    );
-  };
+  ) =>
+    onChange(enumOptionsValueForIndex<S>(eventValue!, enumOptions, emptyValue));
   const _onBlur = () => onBlur && onBlur(id, value);
   const _onFocus = () => onFocus && onFocus(id, value);
   const inlineOption = options.inline ? { inline: true } : { grouped: true };
   return (
     <Form.Group {...inlineOption}>
       {Array.isArray(enumOptions) &&
-        enumOptions.map((option) => {
+        enumOptions.map((option, index) => {
+          const checked = enumOptionsIsSelected<S>(option.value, value);
           const itemDisabled =
             Array.isArray(enumDisabled) &&
             enumDisabled.indexOf(option.value) !== -1;
@@ -70,11 +68,11 @@ export default function RadioWidget<
               {...semanticProps}
               onFocus={_onFocus}
               onBlur={_onBlur}
-              label={`${option.label}`}
-              value={`${option.value}`}
+              label={option.label}
+              value={String(index)}
               error={rawErrors.length > 0}
-              key={option.value}
-              checked={value == option.value}
+              key={index}
+              checked={checked}
               onChange={_onChange}
               disabled={disabled || itemDisabled || readonly}
               aria-describedby={ariaDescribedByIds<T>(id)}
diff --git a/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx b/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx
index d09db4b9c5..716b90d68a 100644
--- a/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx
@@ -1,8 +1,9 @@
 import React from "react";
 import {
   ariaDescribedByIds,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
   EnumOptionsType,
-  processSelectValue,
   FormContextType,
   RJSFSchema,
   StrictRJSFSchema,
@@ -26,11 +27,11 @@ function createDefaultValueOptionsForDropDown<
   enumDisabled?: UIOptionsType["enumDisabled"]
 ) {
   const disabledOptions = enumDisabled || [];
-  const options = map(enumOptions, ({ label, value }) => ({
+  const options = map(enumOptions, ({ label, value }, index) => ({
     disabled: disabledOptions.indexOf(value) !== -1,
     key: label,
     text: label,
-    value,
+    value: String(index),
   }));
   return options;
 }
@@ -76,7 +77,7 @@ export default function SelectWidget<
       upward: false,
     },
   });
-  const { enumDisabled, enumOptions } = options;
+  const { enumDisabled, enumOptions, emptyValue: optEmptyVal } = options;
   const emptyValue = multiple ? [] : "";
   const dropdownOptions = createDefaultValueOptionsForDropDown<S>(
     enumOptions,
@@ -85,19 +86,25 @@ export default function SelectWidget<
   const _onChange = (
     _: React.SyntheticEvent<HTMLElement>,
     { value }: DropdownProps
-  ) => onChange && onChange(processSelectValue(schema, value, options));
+  ) =>
+    onChange(
+      enumOptionsValueForIndex<S>(value as string[], enumOptions, optEmptyVal)
+    );
   // eslint-disable-next-line no-shadow
   const _onBlur = (
     _: React.FocusEvent<HTMLElement>,
     { target: { value } }: DropdownProps
-  ) => onBlur && onBlur(id, processSelectValue(schema, value, options));
+  ) => onBlur(id, enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
   const _onFocus = (
     _: React.FocusEvent<HTMLElement>,
-    {
-      // eslint-disable-next-line no-shadow
-      target: { value },
-    }: DropdownProps
-  ) => onFocus && onFocus(id, processSelectValue(schema, value, options));
+    { target: { value } }: DropdownProps
+  ) =>
+    onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, optEmptyVal));
+  const selectedIndexes = enumOptionsIndexForValue<S>(
+    value,
+    enumOptions,
+    multiple
+  );
 
   return (
     <Form.Dropdown
@@ -106,7 +113,7 @@ export default function SelectWidget<
       name={id}
       label={label || schema.title}
       multiple={typeof multiple === "undefined" ? false : multiple}
-      value={typeof value === "undefined" ? emptyValue : value}
+      value={typeof value === "undefined" ? emptyValue : selectedIndexes}
       error={rawErrors.length > 0}
       disabled={disabled}
       placeholder={placeholder}
diff --git a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
index 5362e06265..16dd43b263 100644
--- a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
@@ -1076,7 +1076,7 @@ exports[`single fields radio field 1`] = `
               readOnly={true}
               tabIndex={0}
               type="radio"
-              value="true"
+              value="0"
             />
             <label
               htmlFor="root-true"
@@ -1109,7 +1109,7 @@ exports[`single fields radio field 1`] = `
               readOnly={true}
               tabIndex={0}
               type="radio"
-              value="false"
+              value="1"
             />
             <label
               htmlFor="root-false"
diff --git a/packages/utils/src/enumOptionsDeselectValue.ts b/packages/utils/src/enumOptionsDeselectValue.ts
index c8ffa60009..ab099fb780 100644
--- a/packages/utils/src/enumOptionsDeselectValue.ts
+++ b/packages/utils/src/enumOptionsDeselectValue.ts
@@ -1,13 +1,30 @@
+import isEqual from "lodash/isEqual";
+
 import { EnumOptionsType, RJSFSchema, StrictRJSFSchema } from "./types";
+import enumOptionsValueForIndex from "./enumOptionsValueForIndex";
 
-/** Removes the `value` from the currently `selected` list of values
+/** Removes the enum option value at the `valueIndex` from the currently `selected` (list of) value(s). If `selected` is
+ * a list, then that list is updated to remove the enum option value with the `valueIndex` in `allEnumOptions`. If it is
+ * a single value, then if the enum option value with the `valueIndex` in `allEnumOptions` matches `selected`, undefined
+ * is returned, otherwise the `selected` value is returned.
  *
- * @param value - The value to be removed from the selected list
- * @param selected - The current list of selected values
- * @returns - The updated `selected` list with the `value` removed from it
+ * @param valueIndex - The index of the value to be removed from the selected list or single value
+ * @param selected - The current (list of) selected value(s)
+ * @param [allEnumOptions=[]] - The list of all the known enumOptions
+ * @returns - The updated `selected` with the enum option value at `valueIndex` in `allEnumOptions` removed from it,
+ *        unless `selected` is a single value. In that case, if the `valueIndex` value matches `selected`, returns
+ *        undefined, otherwise `selected`.
  */
 export default function enumOptionsDeselectValue<
   S extends StrictRJSFSchema = RJSFSchema
->(value: EnumOptionsType<S>["value"], selected: EnumOptionsType<S>["value"][]) {
-  return selected.filter((v) => v !== value);
+>(
+  valueIndex: string | number,
+  selected?: EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][],
+  allEnumOptions: EnumOptionsType<S>[] = []
+): EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][] | undefined {
+  const value = enumOptionsValueForIndex<S>(valueIndex, allEnumOptions);
+  if (Array.isArray(selected)) {
+    return selected.filter((v) => !isEqual(v, value));
+  }
+  return isEqual(value, selected) ? undefined : selected;
 }
diff --git a/packages/utils/src/enumOptionsIndexForValue.ts b/packages/utils/src/enumOptionsIndexForValue.ts
new file mode 100644
index 0000000000..7bfa0b1ee0
--- /dev/null
+++ b/packages/utils/src/enumOptionsIndexForValue.ts
@@ -0,0 +1,31 @@
+import { EnumOptionsType, RJSFSchema, StrictRJSFSchema } from "./types";
+import enumOptionsIsSelected from "./enumOptionsIsSelected";
+
+/** Returns the index(es) of the options in `allEnumOptions` whose value(s) match the ones in `value`. All the
+ * `enumOptions` are filtered based on whether they are a "selected" `value` and the index of each selected one is then
+ * stored in an array. If `multiple` is true, that array is returned, otherwise the first element in the array is
+ * returned.
+ *
+ * @param value - The single value or list of values for which indexes are desired
+ * @param [allEnumOptions=[]] - The list of all the known enumOptions
+ * @param [multiple=false] - Optional flag, if true will return a list of index, otherwise a single one
+ * @returns - A single string index for the first `value` in `allEnumOptions`, if not `multiple`. Otherwise, the list
+ *        of indexes for (each of) the value(s) in `value`.
+ */
+export default function enumOptionsIndexForValue<
+  S extends StrictRJSFSchema = RJSFSchema
+>(
+  value: EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][],
+  allEnumOptions: EnumOptionsType<S>[] = [],
+  multiple = false
+): string | string[] | undefined {
+  const selectedIndexes: string[] = allEnumOptions
+    .map((opt, index) =>
+      enumOptionsIsSelected(opt.value, value) ? String(index) : undefined
+    )
+    .filter((opt) => typeof opt !== "undefined") as string[];
+  if (!multiple) {
+    return selectedIndexes[0];
+  }
+  return selectedIndexes;
+}
diff --git a/packages/utils/src/enumOptionsIsSelected.ts b/packages/utils/src/enumOptionsIsSelected.ts
new file mode 100644
index 0000000000..a7bca78ba5
--- /dev/null
+++ b/packages/utils/src/enumOptionsIsSelected.ts
@@ -0,0 +1,21 @@
+import isEqual from "lodash/isEqual";
+
+import { EnumOptionsType, RJSFSchema, StrictRJSFSchema } from "./types";
+
+/** Determines whether the given `value` is (one of) the `selected` value(s).
+ *
+ * @param value - The value being checked to see if it is selected
+ * @param selected - The current selected value or list of values
+ * @returns - true if the `value` is one of the `selected` ones, false otherwise
+ */
+export default function enumOptionsIsSelected<
+  S extends StrictRJSFSchema = RJSFSchema
+>(
+  value: EnumOptionsType<S>["value"],
+  selected: EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][]
+) {
+  if (Array.isArray(selected)) {
+    return selected.some((sel) => isEqual(sel, value));
+  }
+  return isEqual(selected, value);
+}
diff --git a/packages/utils/src/enumOptionsSelectValue.ts b/packages/utils/src/enumOptionsSelectValue.ts
index 6f07820308..636cbaab3c 100644
--- a/packages/utils/src/enumOptionsSelectValue.ts
+++ b/packages/utils/src/enumOptionsSelectValue.ts
@@ -1,27 +1,31 @@
 import { EnumOptionsType, RJSFSchema, StrictRJSFSchema } from "./types";
+import enumOptionsValueForIndex from "./enumOptionsValueForIndex";
 
-/** Add the `value` to the list of `selected` values in the proper order as defined by `allEnumOptions`
+/** Add the enum option value at the `valueIndex` to the list of `selected` values in the proper order as defined by
+ * `allEnumOptions`
  *
- * @param value - The value that should be selected
+ * @param valueIndex - The index of the value that should be selected
  * @param selected - The current list of selected values
- * @param allEnumOptions - The list of all the known enumOptions
- * @returns - The updated list of selected enum values with `value` added to it in the proper location
+ * @param [allEnumOptions=[]] - The list of all the known enumOptions
+ * @returns - The updated list of selected enum values with enum value at the `valueIndex` added to it
  */
 export default function enumOptionsSelectValue<
   S extends StrictRJSFSchema = RJSFSchema
 >(
-  value: EnumOptionsType<S>["value"],
+  valueIndex: string | number,
   selected: EnumOptionsType<S>["value"][],
   allEnumOptions: EnumOptionsType<S>[] = []
 ) {
-  const all = allEnumOptions.map(({ value }) => value);
-  const at = all.indexOf(value);
-  // If location of the value is not in the list of all enum values, just put it at the end
-  const updated =
-    at === -1
-      ? selected.concat(value)
-      : selected.slice(0, at).concat(value, selected.slice(at));
-  // As inserting values at predefined index positions doesn't work with empty
-  // arrays, we need to reorder the updated selection to match the initial order
-  return updated.sort((a, b) => Number(all.indexOf(a) > all.indexOf(b)));
+  const value = enumOptionsValueForIndex<S>(valueIndex, allEnumOptions);
+  if (value) {
+    const index = allEnumOptions.findIndex((opt) => value === opt.value);
+    const all = allEnumOptions.map(({ value: val }) => val);
+    const updated = selected
+      .slice(0, index)
+      .concat(value, selected.slice(index));
+    // As inserting values at predefined index positions doesn't work with empty
+    // arrays, we need to reorder the updated selection to match the initial order
+    return updated.sort((a, b) => Number(all.indexOf(a) > all.indexOf(b)));
+  }
+  return selected;
 }
diff --git a/packages/utils/src/enumOptionsValueForIndex.ts b/packages/utils/src/enumOptionsValueForIndex.ts
new file mode 100644
index 0000000000..3176212c8c
--- /dev/null
+++ b/packages/utils/src/enumOptionsValueForIndex.ts
@@ -0,0 +1,31 @@
+import { EnumOptionsType, RJSFSchema, StrictRJSFSchema } from "./types";
+
+/** Returns the value(s) from `allEnumOptions` at the index(es) provided by `valueIndex`. If `valueIndex` is not an
+ * array AND the index is not valid for `allEnumOptions`, `emptyValue` is returned. If `valueIndex` is an array, AND it
+ * contains an invalid index, the returned array will have the resulting undefined values filtered out, leaving only
+ * valid values or in the worst case, an empty array.
+ *
+ * @param valueIndex - The index(es) of the value(s) that should be returned
+ * @param [allEnumOptions=[]] - The list of all the known enumOptions
+ * @param [emptyValue] - The value to return when the non-array `valueIndex` does not refer to a real option
+ * @returns - The single or list of values specified by the single or list of indexes if they are valid. Otherwise,
+ *        `emptyValue` or an empty list.
+ */
+export default function enumOptionsValueForIndex<
+  S extends StrictRJSFSchema = RJSFSchema
+>(
+  valueIndex: string | number | Array<string | number>,
+  allEnumOptions: EnumOptionsType<S>[] = [],
+  emptyValue?: EnumOptionsType<S>["value"]
+): EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][] | undefined {
+  if (Array.isArray(valueIndex)) {
+    return valueIndex
+      .map((index) => enumOptionsValueForIndex(index, allEnumOptions))
+      .filter((val) => val);
+  }
+  // So Number(null) and Number('') both return 0, so use emptyValue for those two values
+  const index =
+    valueIndex === "" || valueIndex === null ? -1 : Number(valueIndex);
+  const option = allEnumOptions[index];
+  return option ? option.value : emptyValue;
+}
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 1c1f74a381..7211b1946f 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -5,7 +5,10 @@ import createSchemaUtils from "./createSchemaUtils";
 import dataURItoBlob from "./dataURItoBlob";
 import deepEquals from "./deepEquals";
 import enumOptionsDeselectValue from "./enumOptionsDeselectValue";
+import enumOptionsIndexForValue from "./enumOptionsIndexForValue";
+import enumOptionsIsSelected from "./enumOptionsIsSelected";
 import enumOptionsSelectValue from "./enumOptionsSelectValue";
+import enumOptionsValueForIndex from "./enumOptionsValueForIndex";
 import ErrorSchemaBuilder from "./ErrorSchemaBuilder";
 import findSchemaDefinition from "./findSchemaDefinition";
 import getInputProps from "./getInputProps";
@@ -37,7 +40,6 @@ import optionsList from "./optionsList";
 import orderProperties from "./orderProperties";
 import pad from "./pad";
 import parseDateString from "./parseDateString";
-import processSelectValue from "./processSelectValue";
 import rangeSpec from "./rangeSpec";
 import schemaRequiresTrueValue from "./schemaRequiresTrueValue";
 import shouldRender from "./shouldRender";
@@ -60,7 +62,10 @@ export {
   deepEquals,
   descriptionId,
   enumOptionsDeselectValue,
+  enumOptionsIndexForValue,
+  enumOptionsIsSelected,
   enumOptionsSelectValue,
+  enumOptionsValueForIndex,
   errorId,
   examplesId,
   ErrorSchemaBuilder,
@@ -87,7 +92,6 @@ export {
   orderProperties,
   pad,
   parseDateString,
-  processSelectValue,
   rangeSpec,
   schemaRequiresTrueValue,
   shouldRender,
diff --git a/packages/utils/src/processSelectValue.ts b/packages/utils/src/processSelectValue.ts
deleted file mode 100644
index 37ed340ed9..0000000000
--- a/packages/utils/src/processSelectValue.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import get from "lodash/get";
-
-import {
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  UIOptionsType,
-} from "./types";
-import asNumber from "./asNumber";
-import guessType from "./guessType";
-
-const nums = new Set<any>(["number", "integer"]);
-
-/** Returns the real value for a select widget due to a silly limitation in the DOM which causes option change event
- * values to always be retrieved as strings. Uses the `schema` to help determine the value's true type. If the value is
- * an empty string, then the `emptyValue` from the `options` is returned, falling back to undefined.
- *
- * @param schema - The schema to used to determine the value's true type
- * @param [value] - The value to convert
- * @param [options] - The UIOptionsType from which to potentially extract the emptyValue
- * @returns - The `value` converted to the proper type
- */
-export default function processSelectValue<
-  T = any,
-  S extends StrictRJSFSchema = RJSFSchema,
-  F extends FormContextType = any
->(schema: S, value?: any, options?: UIOptionsType<T, S, F>) {
-  const { enum: schemaEnum, type, items } = schema;
-  if (value === "") {
-    return options && options.emptyValue !== undefined
-      ? options.emptyValue
-      : undefined;
-  }
-  if (type === "array" && items && nums.has(get(items, "type"))) {
-    return value.map(asNumber);
-  }
-  if (type === "boolean") {
-    return value === "true";
-  }
-  if (nums.has(type)) {
-    return asNumber(value);
-  }
-
-  // If type is undefined, but an enum is present, try and infer the type from
-  // the enum values
-  if (Array.isArray(schemaEnum)) {
-    if (schemaEnum.every((x: any) => nums.has(guessType(x)))) {
-      return asNumber(value);
-    }
-    if (schemaEnum.every((x: any) => guessType(x) === "boolean")) {
-      return value === "true";
-    }
-  }
-
-  return value;
-}
diff --git a/packages/utils/test/enumOptionsDeselectValue.test.ts b/packages/utils/test/enumOptionsDeselectValue.test.ts
index c710673de9..560aa1cba5 100644
--- a/packages/utils/test/enumOptionsDeselectValue.test.ts
+++ b/packages/utils/test/enumOptionsDeselectValue.test.ts
@@ -1,21 +1,50 @@
 import { enumOptionsDeselectValue, EnumOptionsType } from "../src";
+import { ALL_OPTIONS } from "./testUtils/testData";
 
-const ALL_VALUES: EnumOptionsType["value"][] = ["foo", "bar", "baz"];
+const ALL_VALUES = ALL_OPTIONS.map((opt) => opt.value);
 
-describe("enumOptionsDeselectValue", () => {
+describe("enumOptionsDeselectValue()", () => {
   let selected: EnumOptionsType["value"][];
+  it("returns same selection when no options", () => {
+    selected = enumOptionsDeselectValue("0", ALL_VALUES);
+    expect(selected).toEqual(ALL_VALUES);
+  });
+  it("returns same selection when index is negative", () => {
+    selected = enumOptionsDeselectValue("-1", ALL_VALUES, ALL_OPTIONS);
+    expect(selected).toEqual(ALL_VALUES);
+  });
+  it("returns same selection when index > length", () => {
+    selected = enumOptionsDeselectValue(
+      ALL_OPTIONS.length,
+      ALL_VALUES,
+      ALL_OPTIONS
+    );
+    expect(selected).toEqual(ALL_VALUES);
+  });
   it("removes a value from a selected list", () => {
-    const value = ALL_VALUES[1];
-    selected = enumOptionsDeselectValue(value, ALL_VALUES);
-    expect(selected).toEqual([ALL_VALUES[0], ALL_VALUES[2]]);
+    selected = enumOptionsDeselectValue(1, ALL_VALUES, ALL_OPTIONS);
+    expect(selected).toEqual([ALL_VALUES[0], ALL_VALUES[2], ALL_VALUES[3]]);
   });
   it("removes a second value from a selected list", () => {
-    const value = ALL_VALUES[0];
-    selected = enumOptionsDeselectValue(value, selected);
-    expect(selected).toEqual([ALL_VALUES[2]]);
+    selected = enumOptionsDeselectValue(0, selected, ALL_OPTIONS);
+    expect(selected).toEqual([ALL_VALUES[2], ALL_VALUES[3]]);
   });
   it("removes a third value from a selected list", () => {
-    const value = ALL_VALUES[2];
-    expect(enumOptionsDeselectValue(value, selected)).toEqual([]);
+    expect(enumOptionsDeselectValue(2, selected, ALL_OPTIONS)).toEqual([
+      ALL_VALUES[3],
+    ]);
+  });
+  it("returns the selected value when index does not match value", () => {
+    expect(enumOptionsDeselectValue(1, ALL_VALUES[0], ALL_OPTIONS)).toBe(
+      ALL_VALUES[0]
+    );
+  });
+  it("returns undefined when index does not matches value", () => {
+    expect(
+      enumOptionsDeselectValue("0", ALL_VALUES[0], ALL_OPTIONS)
+    ).toBeUndefined();
+  });
+  it("returns undefined when index does not matches value", () => {
+    expect(enumOptionsDeselectValue("0", undefined)).toBeUndefined();
   });
 });
diff --git a/packages/utils/test/enumOptionsIndexForValue.test.ts b/packages/utils/test/enumOptionsIndexForValue.test.ts
new file mode 100644
index 0000000000..9e3edfb8a1
--- /dev/null
+++ b/packages/utils/test/enumOptionsIndexForValue.test.ts
@@ -0,0 +1,32 @@
+import { enumOptionsIndexForValue } from "../src";
+import { ALL_OPTIONS } from "./testUtils/testData";
+
+const VALUE = ALL_OPTIONS[1].value;
+const VALUES = [ALL_OPTIONS[1].value, ALL_OPTIONS[0].value];
+
+describe("enumOptionsIndexForValue()", () => {
+  it("returns undefined when value isn't in options", () => {
+    expect(enumOptionsIndexForValue("xxx")).toBeUndefined();
+  });
+  it("returns undefined when values aren't in options", () => {
+    expect(enumOptionsIndexForValue(["xxx"])).toBeUndefined();
+  });
+  it("returns index of value that matches an option's value", () => {
+    expect(enumOptionsIndexForValue(VALUE, ALL_OPTIONS)).toEqual("1");
+  });
+  it("returns index of first value that matches an option's value", () => {
+    expect(enumOptionsIndexForValue(VALUES, ALL_OPTIONS)).toEqual("0");
+  });
+  it("returns empty array when value isn't in options, multiple", () => {
+    expect(enumOptionsIndexForValue(["xxx"], ALL_OPTIONS, true)).toEqual([]);
+  });
+  it("returns index of value that matches an option's value, multiple", () => {
+    expect(enumOptionsIndexForValue(VALUE, ALL_OPTIONS, true)).toEqual(["1"]);
+  });
+  it("returns index of first value that matches an option's value, multiple", () => {
+    expect(enumOptionsIndexForValue(VALUES, ALL_OPTIONS, true)).toEqual([
+      "0",
+      "1",
+    ]);
+  });
+});
diff --git a/packages/utils/test/enumOptionsIsSelected.test.ts b/packages/utils/test/enumOptionsIsSelected.test.ts
new file mode 100644
index 0000000000..514731e893
--- /dev/null
+++ b/packages/utils/test/enumOptionsIsSelected.test.ts
@@ -0,0 +1,18 @@
+import { enumOptionsIsSelected } from "../src";
+
+const VALUE = { foo: "bar" };
+const VALUES = [VALUE, "another"];
+describe("enumOptionsIsSelected()", () => {
+  it("returns false when two values do not match", () => {
+    expect(enumOptionsIsSelected(undefined, null)).toBe(false);
+  });
+  it("returns true when two values match", () => {
+    expect(enumOptionsIsSelected(VALUE, { foo: "bar" })).toBe(true);
+  });
+  it("returns false when value is not in array of selected values", () => {
+    expect(enumOptionsIsSelected("foo", VALUES)).toBe(false);
+  });
+  it("returns false when value is not in array of selected values", () => {
+    expect(enumOptionsIsSelected({ foo: "bar" }, VALUES)).toBe(true);
+  });
+});
diff --git a/packages/utils/test/enumOptionsSelectValue.test.ts b/packages/utils/test/enumOptionsSelectValue.test.ts
index b2c19aeaa4..e42a3e887f 100644
--- a/packages/utils/test/enumOptionsSelectValue.test.ts
+++ b/packages/utils/test/enumOptionsSelectValue.test.ts
@@ -1,62 +1,38 @@
 import { enumOptionsSelectValue, EnumOptionsType } from "../src";
+import { ALL_OPTIONS } from "./testUtils/testData";
 
-const ALL_OPTIONS: EnumOptionsType[] = [
-  { value: "foo", label: "Foo" },
-  { value: "bar", label: "Bar" },
-  { value: "baz", label: "Baz" },
-  { value: "boo", label: "Boo" },
-];
-
-describe("enumOptionsSelectValue", () => {
+describe("enumOptionsSelectValue()", () => {
   let selected: EnumOptionsType["value"][];
-  describe("no enumOptions", () => {
-    it("adds a value to an empty list", () => {
-      const { value } = ALL_OPTIONS[2];
-      selected = enumOptionsSelectValue(value, []);
-      expect(selected).toEqual([value]);
-    });
-    it("adds a second value to an existing list in the correct position", () => {
-      const { value } = ALL_OPTIONS[0];
-      const expected = [...selected, value];
-      selected = enumOptionsSelectValue(value, selected);
-      expect(selected).toEqual(expected);
-    });
-    it("adds a third value to an existing list in the correct position", () => {
-      const { value } = ALL_OPTIONS[3];
-      const expected = [...selected, value];
-      selected = enumOptionsSelectValue(value, selected);
-      expect(selected).toEqual(expected);
-    });
-    it("adds the last value to an existing list in the correct position", () => {
-      const { value } = ALL_OPTIONS[1];
-      const expected = [...selected, value];
-      expect(enumOptionsSelectValue(value, selected)).toEqual(expected);
-    });
+  it("adds a value to an empty list", () => {
+    const { value } = ALL_OPTIONS[2];
+    selected = enumOptionsSelectValue("2", [], ALL_OPTIONS);
+    expect(selected).toEqual([value]);
+  });
+  it("adds a second value to an existing list in the correct position", () => {
+    const { value } = ALL_OPTIONS[0];
+    const expected = [value, ...selected];
+    selected = enumOptionsSelectValue(0, selected, ALL_OPTIONS);
+    expect(selected).toEqual(expected);
+  });
+  it("adds a third value to an existing list in the correct position", () => {
+    const { value } = ALL_OPTIONS[3];
+    const expected = [...selected, value];
+    selected = enumOptionsSelectValue(3, selected, ALL_OPTIONS);
+    expect(selected).toEqual(expected);
+  });
+  it("adds the last value to an existing list in the correct position", () => {
+    const expected = ALL_OPTIONS.map(({ value }) => value);
+    expect(enumOptionsSelectValue(1, selected, ALL_OPTIONS)).toEqual(expected);
+  });
+  it("returns the selected array unchanged when index is -1", () => {
+    expect(enumOptionsSelectValue(-1, selected, ALL_OPTIONS)).toBe(selected);
+  });
+  it("returns the selected array unchanged when index >= length", () => {
+    expect(
+      enumOptionsSelectValue(ALL_OPTIONS.length, selected, ALL_OPTIONS)
+    ).toBe(selected);
   });
-  describe("enumOptions", () => {
-    it("adds a value to an empty list", () => {
-      const { value } = ALL_OPTIONS[2];
-      selected = enumOptionsSelectValue(value, [], ALL_OPTIONS);
-      expect(selected).toEqual([value]);
-    });
-    it("adds a second value to an existing list in the correct position", () => {
-      const { value } = ALL_OPTIONS[0];
-      const expected = [value, ...selected];
-      selected = enumOptionsSelectValue(value, selected, ALL_OPTIONS);
-      expect(selected).toEqual(expected);
-    });
-    it("adds a third value to an existing list in the correct position", () => {
-      const { value } = ALL_OPTIONS[3];
-      const expected = [...selected, value];
-      selected = enumOptionsSelectValue(value, selected, ALL_OPTIONS);
-      expect(selected).toEqual(expected);
-    });
-    it("adds the last value to an existing list in the correct position", () => {
-      const { value } = ALL_OPTIONS[1];
-      const expected = ALL_OPTIONS.map(({ value }) => value);
-      expect(enumOptionsSelectValue(value, selected, ALL_OPTIONS)).toEqual(
-        expected
-      );
-    });
+  it("returns the selected array unchanged when options are missing", () => {
+    expect(enumOptionsSelectValue(0, selected)).toBe(selected);
   });
 });
diff --git a/packages/utils/test/enumOptionsValueForIndex.test.ts b/packages/utils/test/enumOptionsValueForIndex.test.ts
new file mode 100644
index 0000000000..979f68c4a7
--- /dev/null
+++ b/packages/utils/test/enumOptionsValueForIndex.test.ts
@@ -0,0 +1,59 @@
+import { enumOptionsValueForIndex } from "../src";
+import { ALL_OPTIONS } from "./testUtils/testData";
+
+const EMPTY_VALUE = "empty";
+
+describe("enumOptionsValueForIndex()", () => {
+  it("returns undefined for a single negative index", () => {
+    expect(enumOptionsValueForIndex("-1", ALL_OPTIONS)).toBeUndefined();
+  });
+  it("returns undefined for an empty string", () => {
+    expect(enumOptionsValueForIndex("", ALL_OPTIONS)).toBeUndefined();
+  });
+  it("returns undefined for a single index >= array size", () => {
+    expect(
+      enumOptionsValueForIndex(ALL_OPTIONS.length, ALL_OPTIONS)
+    ).toBeUndefined();
+  });
+  it("returns emptyValue for a single negative index", () => {
+    expect(enumOptionsValueForIndex("-1", ALL_OPTIONS, EMPTY_VALUE)).toBe(
+      EMPTY_VALUE
+    );
+  });
+  it("returns emptyValue for an empty string", () => {
+    expect(enumOptionsValueForIndex("", ALL_OPTIONS, EMPTY_VALUE)).toBe(
+      EMPTY_VALUE
+    );
+  });
+  it("returns emptyValue for a single index >= array size", () => {
+    expect(
+      enumOptionsValueForIndex(ALL_OPTIONS.length, ALL_OPTIONS, EMPTY_VALUE)
+    ).toBe(EMPTY_VALUE);
+  });
+  it("returns undefined when no options are provided", () => {
+    expect(enumOptionsValueForIndex(0)).toBeUndefined();
+  });
+  it("returns value of option at a valid index", () => {
+    expect(enumOptionsValueForIndex(2, ALL_OPTIONS)).toEqual(
+      ALL_OPTIONS[2].value
+    );
+  });
+  it("returns empty array for a list of bad indexes", () => {
+    expect(
+      enumOptionsValueForIndex(["-2", ALL_OPTIONS.length + 1], ALL_OPTIONS)
+    ).toEqual([]);
+  });
+  it("returns empty array for a list of bad indexes, even with empty value", () => {
+    expect(
+      enumOptionsValueForIndex(
+        ["-2", ALL_OPTIONS.length + 1],
+        ALL_OPTIONS,
+        EMPTY_VALUE
+      )
+    ).toEqual([]);
+  });
+  it("returns array of values for a list of good indexes", () => {
+    const expected = [ALL_OPTIONS[2].value, ALL_OPTIONS[1].value];
+    expect(enumOptionsValueForIndex([2, 1], ALL_OPTIONS)).toEqual(expected);
+  });
+});
diff --git a/packages/utils/test/processSelectValue.test.ts b/packages/utils/test/processSelectValue.test.ts
deleted file mode 100644
index 059485ebe3..0000000000
--- a/packages/utils/test/processSelectValue.test.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { processSelectValue, RJSFSchema } from "../src";
-
-describe("processSelectValue", () => {
-  it("always returns undefined for an empty string value with no options", () => {
-    expect(processSelectValue({}, "")).toBeUndefined();
-  });
-  it("always returns undefined for an empty string value with options.emptyValue", () => {
-    expect(processSelectValue({}, "", {})).toBeUndefined();
-  });
-  it("always returns options.emptyValue for an empty string value when present and empty string", () => {
-    const options = { emptyValue: "" };
-    expect(processSelectValue({}, "", options)).toBe(options.emptyValue);
-  });
-  it("always returns options.emptyValue for an empty string value when present and null", () => {
-    const options = { emptyValue: null };
-    expect(processSelectValue({}, "", options)).toBe(options.emptyValue);
-  });
-  it("always returns options.emptyValue for an empty string value when present and zero", () => {
-    const options = { emptyValue: 0 };
-    expect(processSelectValue({}, "", options)).toBe(options.emptyValue);
-  });
-  it("always returns options.emptyValue for an empty string value when present and truthy", () => {
-    const options = { emptyValue: "default value" };
-    expect(processSelectValue({}, "", options)).toBe(options.emptyValue);
-  });
-  it("returns an array of numbers when the type is array and items represents a number", () => {
-    const schema: RJSFSchema = {
-      type: "array",
-      items: { type: "number" },
-    };
-    const value = ["1", "1.2"];
-    expect(processSelectValue(schema, value)).toEqual([1, 1.2]);
-  });
-  it("returns an array of numbers when the type is array and items represents an integer", () => {
-    const schema: RJSFSchema = {
-      type: "array",
-      items: { type: "integer" },
-    };
-    const value = ["1", "2"];
-    expect(processSelectValue(schema, value)).toEqual([1, 2]);
-  });
-  it("returns an array of strings when the type is array and items do not represent a number", () => {
-    const schema: RJSFSchema = {
-      type: "array",
-      items: { type: "string" },
-    };
-    const value = ["1", "1.2"];
-    expect(processSelectValue(schema, value)).toBe(value);
-  });
-  it("returns an array of strings when the type is array and items is missing", () => {
-    const schema: RJSFSchema = {
-      type: "array",
-    };
-    const value = ["1", "1.2"];
-    expect(processSelectValue(schema, value)).toBe(value);
-  });
-  it('boolean type of value "true" is true', () => {
-    const schema: RJSFSchema = {
-      type: "boolean",
-    };
-    expect(processSelectValue(schema, "true")).toBe(true);
-  });
-  it('boolean type of value "false" string is false', () => {
-    const schema: RJSFSchema = {
-      type: "boolean",
-    };
-    expect(processSelectValue(schema, "false")).toBe(false);
-  });
-  it("integer type is converted", () => {
-    const schema: RJSFSchema = {
-      type: "integer",
-    };
-    expect(processSelectValue(schema, "1")).toEqual(1);
-  });
-  it("number type is converted", () => {
-    const schema: RJSFSchema = {
-      type: "number",
-    };
-    expect(processSelectValue(schema, "1.2")).toEqual(1.2);
-  });
-  it("enum of number is converted", () => {
-    const schema: RJSFSchema = {
-      enum: [1.1, 2.1, 3.1],
-    };
-    expect(processSelectValue(schema, "2.1")).toEqual(2.1);
-  });
-  it("enum of integer is converted", () => {
-    const schema: RJSFSchema = {
-      enum: [1, 2, 3],
-    };
-    expect(processSelectValue(schema, "1")).toEqual(1);
-  });
-  it("enum of boolean is converted", () => {
-    const schema: RJSFSchema = {
-      enum: [true, false],
-    };
-    expect(processSelectValue(schema, "true")).toBe(true);
-    expect(processSelectValue(schema, "false")).toBe(false);
-  });
-  it("enum of string is untouched converted", () => {
-    const value = "yes";
-    const schema: RJSFSchema = {
-      enum: [value, "no", "maybe"],
-    };
-    expect(processSelectValue(schema, value)).toBe(value);
-  });
-});
diff --git a/packages/utils/test/testUtils/testData.ts b/packages/utils/test/testUtils/testData.ts
index 1c1fb2eced..3b926c6a39 100644
--- a/packages/utils/test/testUtils/testData.ts
+++ b/packages/utils/test/testUtils/testData.ts
@@ -1,4 +1,4 @@
-import { ONE_OF_KEY, RJSFSchema } from "../../src";
+import { EnumOptionsType, ONE_OF_KEY, RJSFSchema } from "../../src";
 
 export const oneOfData = {
   name: "second_option",
@@ -269,3 +269,10 @@ export const FIRST_OPTION_ONE_OF_DATA = {
   unique_to_second: undefined,
 };
 export const ONE_OF_SCHEMA_DATA = { ...oneOfData, unique_to_second: 5 };
+
+export const ALL_OPTIONS: EnumOptionsType[] = [
+  { value: "foo", label: "Foo" },
+  { value: "bar", label: "Bar" },
+  { value: "baz", label: "Baz" },
+  { value: "boo", label: "Boo" },
+];