diff --git a/package-lock.json b/package-lock.json
index 4afbab392..4db75eb08 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9411,25 +9411,32 @@
       }
     },
     "node_modules/deep-equal": {
-      "version": "2.1.0",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
+      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "es-get-iterator": "^1.1.2",
-        "get-intrinsic": "^1.1.3",
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.5",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.2",
         "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
         "is-date-object": "^1.0.5",
         "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
         "isarray": "^2.0.5",
         "object-is": "^1.1.5",
         "object-keys": "^1.1.1",
         "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.4.3",
+        "regexp.prototype.flags": "^1.5.1",
         "side-channel": "^1.0.4",
         "which-boxed-primitive": "^1.0.2",
         "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.8"
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10420,18 +10427,20 @@
       }
     },
     "node_modules/es-get-iterator": {
-      "version": "1.1.2",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.0",
-        "has-symbols": "^1.0.1",
-        "is-arguments": "^1.1.0",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
         "is-map": "^2.0.2",
         "is-set": "^2.0.2",
-        "is-string": "^1.0.5",
-        "isarray": "^2.0.5"
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10439,8 +10448,9 @@
     },
     "node_modules/es-get-iterator/node_modules/isarray": {
       "version": "2.0.5",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
     },
     "node_modules/es-module-lexer": {
       "version": "1.3.0",
@@ -12864,8 +12874,9 @@
     },
     "node_modules/is-arguments": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-tostringtag": "^1.0.0"
@@ -16180,8 +16191,7 @@
     "node_modules/lodash.isequal": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-      "dev": true
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
     },
     "node_modules/lodash.ismatch": {
       "version": "4.4.0",
@@ -20121,6 +20131,18 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/streamroller": {
       "version": "3.1.1",
       "dev": true,
@@ -22131,6 +22153,7 @@
         "feelin": "^3.0.0",
         "flatpickr": "^4.6.13",
         "ids": "^1.0.0",
+        "lodash.isequal": "^4.5.0",
         "min-dash": "^4.0.0",
         "preact": "^10.5.14",
         "preact-markup": "^2.1.1",
@@ -23703,6 +23726,7 @@
         "feelin": "^3.0.0",
         "flatpickr": "^4.6.13",
         "ids": "^1.0.0",
+        "lodash.isequal": "^4.5.0",
         "min-dash": "^4.0.0",
         "preact": "^10.5.14",
         "preact-markup": "^2.1.1",
@@ -28867,24 +28891,29 @@
       }
     },
     "deep-equal": {
-      "version": "2.1.0",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
+      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
       "dev": true,
       "requires": {
-        "call-bind": "^1.0.2",
-        "es-get-iterator": "^1.1.2",
-        "get-intrinsic": "^1.1.3",
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.5",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.2",
         "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
         "is-date-object": "^1.0.5",
         "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
         "isarray": "^2.0.5",
         "object-is": "^1.1.5",
         "object-keys": "^1.1.1",
         "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.4.3",
+        "regexp.prototype.flags": "^1.5.1",
         "side-channel": "^1.0.4",
         "which-boxed-primitive": "^1.0.2",
         "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.8"
+        "which-typed-array": "^1.1.13"
       },
       "dependencies": {
         "isarray": {
@@ -29533,21 +29562,26 @@
       }
     },
     "es-get-iterator": {
-      "version": "1.1.2",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.0",
-        "has-symbols": "^1.0.1",
-        "is-arguments": "^1.1.0",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
         "is-map": "^2.0.2",
         "is-set": "^2.0.2",
-        "is-string": "^1.0.5",
-        "isarray": "^2.0.5"
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
       },
       "dependencies": {
         "isarray": {
           "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
           "dev": true
         }
       }
@@ -31206,6 +31240,8 @@
     },
     "is-arguments": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
@@ -33553,8 +33589,7 @@
     "lodash.isequal": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-      "dev": true
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
     },
     "lodash.ismatch": {
       "version": "4.4.0",
@@ -36220,6 +36255,15 @@
       "version": "2.0.1",
       "dev": true
     },
+    "stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "requires": {
+        "internal-slot": "^1.0.4"
+      }
+    },
     "streamroller": {
       "version": "3.1.1",
       "dev": true,
diff --git a/packages/form-js-viewer/package.json b/packages/form-js-viewer/package.json
index cce291672..9c68f06ad 100644
--- a/packages/form-js-viewer/package.json
+++ b/packages/form-js-viewer/package.json
@@ -52,6 +52,7 @@
     "feelin": "^3.0.0",
     "flatpickr": "^4.6.13",
     "ids": "^1.0.0",
+    "lodash.isequal": "^4.5.0",
     "min-dash": "^4.0.0",
     "preact": "^10.5.14",
     "preact-markup": "^2.1.1",
diff --git a/packages/form-js-viewer/src/render/components/form-fields/Checklist.js b/packages/form-js-viewer/src/render/components/form-fields/Checklist.js
index 7263ed7cf..d6eea2435 100644
--- a/packages/form-js-viewer/src/render/components/form-fields/Checklist.js
+++ b/packages/form-js-viewer/src/render/components/form-fields/Checklist.js
@@ -2,12 +2,13 @@ import { useRef } from 'preact/hooks';
 import useOptionsAsync, { LOAD_STATES } from '../../hooks/useOptionsAsync';
 import useCleanupMultiSelectValues from '../../hooks/useCleanupMultiSelectValues';
 import classNames from 'classnames';
+import isEqual from 'lodash/isEqual';
 
 import Description from '../Description';
 import Errors from '../Errors';
 import Label from '../Label';
 
-import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';
+import { sanitizeMultiSelectValue, hasEqualValue } from '../util/sanitizerUtil';
 
 import { createEmptyOptions } from '../util/optionsUtil';
 
@@ -41,19 +42,15 @@ export default function Checklist(props) {
 
   const { required } = validate;
 
-  const toggleCheckbox = (v) => {
+  const toggleCheckbox = (toggledValue) => {
 
-    let newValue = [ ...values ];
-
-    if (!newValue.includes(v)) {
-      newValue.push(v);
-    } else {
-      newValue = newValue.filter(x => x != v);
-    }
+    const newValues = hasEqualValue(toggledValue, values)
+      ? values.filter(value => !isEqual(value, toggledValue))
+      : [ ...values, toggledValue ];
 
     props.onChange({
       field,
-      value: newValue,
+      value: newValues,
     });
   };
 
@@ -96,17 +93,18 @@ export default function Checklist(props) {
       loadState == LOAD_STATES.LOADED && options.map((o, index) => {
 
         const itemDomId = `${domId}-${index}`;
+        const isChecked = hasEqualValue(o.value, values);
 
         return (
           <Label
             id={ itemDomId }
             label={ o.label }
             class={ classNames({
-              'fjs-checked': values.includes(o.value)
+              'fjs-checked': isChecked
             }) }
             required={ false }>
             <input
-              checked={ values.includes(o.value) }
+              checked={ isChecked }
               class="fjs-input"
               disabled={ disabled }
               readOnly={ readonly }
diff --git a/packages/form-js-viewer/src/render/components/form-fields/Radio.js b/packages/form-js-viewer/src/render/components/form-fields/Radio.js
index fb8dd6b83..bb1a5d55f 100644
--- a/packages/form-js-viewer/src/render/components/form-fields/Radio.js
+++ b/packages/form-js-viewer/src/render/components/form-fields/Radio.js
@@ -1,4 +1,5 @@
 import { useRef } from 'preact/hooks';
+import isEqual from 'lodash/isEqual';
 import useOptionsAsync, { LOAD_STATES } from '../../hooks/useOptionsAsync';
 import useCleanupSingleSelectValue from '../../hooks/useCleanupSingleSelectValue';
 import classNames from 'classnames';
@@ -85,16 +86,17 @@ export default function Radio(props) {
       loadState == LOAD_STATES.LOADED && options.map((option, index) => {
 
         const itemDomId = `${domId}-${index}`;
+        const isChecked = isEqual(option.value, value);
 
         return (
           <Label
             id={ itemDomId }
             key={ index }
             label={ option.label }
-            class={ classNames({ 'fjs-checked': option.value === value }) }
+            class={ classNames({ 'fjs-checked': isChecked }) }
             required={ false }>
             <input
-              checked={ option.value === value }
+              checked={ isChecked }
               class="fjs-input"
               disabled={ disabled }
               readOnly={ readonly }
diff --git a/packages/form-js-viewer/src/render/components/form-fields/Taglist.js b/packages/form-js-viewer/src/render/components/form-fields/Taglist.js
index 4c7776d8e..790c19c12 100644
--- a/packages/form-js-viewer/src/render/components/form-fields/Taglist.js
+++ b/packages/form-js-viewer/src/render/components/form-fields/Taglist.js
@@ -3,6 +3,7 @@ import { useMemo, useRef, useState } from 'preact/hooks';
 import { useService } from '../../hooks';
 import useOptionsAsync, { LOAD_STATES } from '../../hooks/useOptionsAsync';
 import useCleanupMultiSelectValues from '../../hooks/useCleanupMultiSelectValues';
+import { useGetLabelCorrelation } from '../../hooks/useGetLabelCorrelation';
 
 import classNames from 'classnames';
 
@@ -13,7 +14,8 @@ import Errors from '../Errors';
 import Label from '../Label';
 import SkipLink from './parts/SkipLink';
 
-import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';
+import { sanitizeMultiSelectValue, hasEqualValue } from '../util/sanitizerUtil';
+import isEqual from 'lodash/isEqual';
 
 import { createEmptyOptions } from '../util/optionsUtil';
 
@@ -64,8 +66,7 @@ export default function Taglist(props) {
     onChange: props.onChange
   });
 
-  // We cache a map of option values to their index so that we don't need to search the whole options array every time to correlate the label
-  const valueToOptionMap = useMemo(() => Object.assign({}, ...options.map((o, x) => ({ [o.value]:  options[x] }))), [ options ]);
+  const getLabelCorrelation = useGetLabelCorrelation(options);
 
   const hasOptionsLeft = useMemo(() => options.length > values.length, [ options.length, values.length ]);
 
@@ -74,14 +75,19 @@ export default function Taglist(props) {
     if (loadState !== LOAD_STATES.LOADED) {
       return [];
     }
-    return options.filter((o) => o.label && o.value && (o.label.toLowerCase().includes(filter.toLowerCase())) && !values.includes(o.value));
+
+    const isValidFilteredOption = (option) => {
+      const filterMatches = option.label.toLowerCase().includes(filter.toLowerCase());
+      return filterMatches && !hasEqualValue(option.value, values);
+    };
+
+    return options.filter(isValidFilteredOption);
   }, [ filter, options, JSON.stringify(values), loadState ]);
 
 
   const selectValue = (value) => {
-    if (filter) {
-      setFilter('');
-    }
+
+    setFilter('');
 
     // Ensure values cannot be double selected due to latency
     if (values.at(-1) === value) {
@@ -92,7 +98,8 @@ export default function Taglist(props) {
   };
 
   const deselectValue = (value) => {
-    props.onChange({ value: values.filter((v) => v != value), field });
+    const newValues = values.filter((v) => !isEqual(v, value));
+    props.onChange({ value: newValues, field });
   };
 
   const onInputChange = ({ target }) => {
@@ -194,7 +201,7 @@ export default function Taglist(props) {
               return (
                 <div class={ classNames('fjs-taglist-tag', { 'fjs-disabled': disabled, 'fjs-readonly': readonly }) } onMouseDown={ (e) => e.preventDefault() }>
                   <span class="fjs-taglist-tag-label">
-                    { valueToOptionMap[v] ? valueToOptionMap[v].label : undefined }
+                    { getLabelCorrelation(v) }
                   </span>
                   { (!disabled && !readonly) && <button
                     type="button"
diff --git a/packages/form-js-viewer/src/render/components/form-fields/parts/SearchableSelect.js b/packages/form-js-viewer/src/render/components/form-fields/parts/SearchableSelect.js
index 3a4513954..3f2cf54cb 100644
--- a/packages/form-js-viewer/src/render/components/form-fields/parts/SearchableSelect.js
+++ b/packages/form-js-viewer/src/render/components/form-fields/parts/SearchableSelect.js
@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';
 import useOptionsAsync, { LOAD_STATES } from '../../../hooks/useOptionsAsync';
+import { useGetLabelCorrelation } from '../../../hooks/useGetLabelCorrelation';
 import { useService } from '../../../hooks';
 import useCleanupSingleSelectValue from '../../../hooks/useCleanupSingleSelectValue';
 
@@ -24,7 +25,7 @@ export default function SearchableSelect(props) {
 
   const [ filter, setFilter ] = useState('');
   const [ isDropdownExpanded, setIsDropdownExpanded ] = useState(false);
-  const [ shouldApplyFilter, setShouldApplyFilter ] = useState(true);
+  const [ isFilterActive, setIsFilterActive ] = useState(true);
   const [ isEscapeClosed, setIsEscapeClose ] = useState(false);
   const searchbarRef = useRef();
   const eventBus = useService('eventBus');
@@ -42,23 +43,26 @@ export default function SearchableSelect(props) {
     onChange: props.onChange
   });
 
-  // We cache a map of option values to their index so that we don't need to search the whole options array every time to correlate the label
-  const valueToOptionMap = useMemo(() => Object.assign({}, ...options.map((o, x) => ({ [o.value]: options[x] }))), [ options ]);
+  const getLabelCorrelation = useGetLabelCorrelation(options);
 
-  const valueLabel = useMemo(() => value && valueToOptionMap[value] && valueToOptionMap[value].label || '', [ value, valueToOptionMap ]);
+  const label = useMemo(() => value && getLabelCorrelation(value), [ value, getLabelCorrelation ]);
 
   // whenever we change the underlying value, set the label to it
-  useEffect(() => { setFilter(valueLabel); }, [ valueLabel ]);
+  useEffect(() => { setFilter(label); }, [ label ]);
 
   const filteredOptions = useMemo(() => {
 
-    if (loadState === LOAD_STATES.LOADED) {
-      return shouldApplyFilter ? options.filter((o) => o.label && o.value && (o.label.toLowerCase().includes(filter.toLowerCase()))) : options;
+    if (loadState !== LOAD_STATES.LOADED) {
+      return [];
     }
 
-    return [];
+    if (!filter || !isFilterActive) {
+      return options;
+    }
+
+    return options.filter((o) => o.label && o.value && (o.label.toLowerCase().includes(filter.toLowerCase())));
 
-  }, [ filter, loadState, options, shouldApplyFilter ]);
+  }, [ filter, loadState, options, isFilterActive ]);
 
   const setValue = useCallback((option) => {
     setFilter(option && option.label || '');
@@ -87,7 +91,7 @@ export default function SearchableSelect(props) {
   const onInputChange = ({ target }) => {
     setIsEscapeClose(false);
     setIsDropdownExpanded(true);
-    setShouldApplyFilter(true);
+    setIsFilterActive(true);
     setFilter(target.value || '');
     eventBus.fire('formField.search', { formField: field, value: target.value || '' });
   };
@@ -101,7 +105,7 @@ export default function SearchableSelect(props) {
     case 'ArrowDown': {
       if (!isDropdownExpanded) {
         setIsDropdownExpanded(true);
-        setShouldApplyFilter(false);
+        setIsFilterActive(false);
       }
 
       keyDownEvent.preventDefault();
@@ -121,7 +125,7 @@ export default function SearchableSelect(props) {
   const onInputMouseDown = useCallback(() => {
     setIsEscapeClose(false);
     setIsDropdownExpanded(true);
-    setShouldApplyFilter(false);
+    setIsFilterActive(false);
   }, []);
 
   const onInputFocus = useCallback(() => {
@@ -132,9 +136,9 @@ export default function SearchableSelect(props) {
 
   const onInputBlur = useCallback(() => {
     setIsDropdownExpanded(false);
-    setFilter(valueLabel);
+    setFilter(label);
     onBlur && onBlur();
-  }, [ onBlur, valueLabel ]);
+  }, [ onBlur, label ]);
 
   return <>
     <div
diff --git a/packages/form-js-viewer/src/render/components/form-fields/parts/SimpleSelect.js b/packages/form-js-viewer/src/render/components/form-fields/parts/SimpleSelect.js
index ab0bd3850..b2521308b 100644
--- a/packages/form-js-viewer/src/render/components/form-fields/parts/SimpleSelect.js
+++ b/packages/form-js-viewer/src/render/components/form-fields/parts/SimpleSelect.js
@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import { findIndex } from 'min-dash';
 import useOptionsAsync, { LOAD_STATES } from '../../../hooks/useOptionsAsync';
 import useCleanupSingleSelectValue from '../../../hooks/useCleanupSingleSelectValue';
+import { useGetLabelCorrelation } from '../../../hooks/useGetLabelCorrelation';
 
 import XMarkIcon from '../icons/XMark.svg';
 import AngelDownIcon from '../icons/AngelDown.svg';
@@ -38,10 +39,9 @@ export default function SimpleSelect(props) {
     onChange: props.onChange
   });
 
-  // We cache a map of option values to their index so that we don't need to search the whole options array every time to correlate the label
-  const valueToOptionMap = useMemo(() => Object.assign({}, ...options.map((o, x) => ({ [o.value]: options[x] }))), [ options ]);
+  const getLabelCorrelation = useGetLabelCorrelation(options);
 
-  const valueLabel = useMemo(() => value && valueToOptionMap[value] && valueToOptionMap[value].label || '', [ value, valueToOptionMap ]);
+  const valueLabel = useMemo(() => value && getLabelCorrelation(value), [ value, getLabelCorrelation ]);
 
   const setValue = useCallback((option) => {
     props.onChange({ value: option && option.value || null, field });
diff --git a/packages/form-js-viewer/src/render/components/util/optionsUtil.js b/packages/form-js-viewer/src/render/components/util/optionsUtil.js
index a40b33445..071d5e8b0 100644
--- a/packages/form-js-viewer/src/render/components/util/optionsUtil.js
+++ b/packages/form-js-viewer/src/render/components/util/optionsUtil.js
@@ -1,4 +1,4 @@
-import { get } from 'min-dash';
+import { get, isObject, isString, isNil } from 'min-dash';
 
 // parses the options data from the provided form field and form data
 export function getOptionsData(formField, formData) {
@@ -8,44 +8,62 @@ export function getOptionsData(formField, formData) {
 
 // transforms the provided options into a normalized format, trimming invalid options
 export function normalizeOptionsData(optionsData) {
-  return optionsData.filter(_isOptionSomething).map(v => _normalizeOptionsData(v)).filter(v => v);
+  return optionsData.filter(_isAllowedValue).map(_normalizeOption).filter(o => !isNil(o));
 }
 
-function _normalizeOptionsData(optionData) {
-
-  if (_isAllowedOption(optionData)) {
-
-    // if a primitive is provided, use it as label and value
-    return { value: optionData, label: `${ optionData }` };
+/**
+ * Converts the provided option to a normalized format.
+ * If the option is not valid, null is returned.
+ *
+ * @param {object} option
+ * @param {string} option.label
+ * @param {*} option.value
+ *
+ * @returns
+ */
+function _normalizeOption(option) {
+
+  // (1) simple primitive case, use it as both label and value
+  if (_isAllowedPrimitive(option)) {
+    return { value: option, label: `${ option }` };
   }
 
-  if (typeof (optionData) === 'object') {
-    if (!optionData.label && _isAllowedOption(optionData.value)) {
+  if (isObject(option)) {
 
-      // if no label is provided, use the value as label
-      return { value: optionData.value, label: `${ optionData.value }` };
-    }
+    const isValidLabel = _isValidLabel(option.label);
 
-    if (_isOptionSomething(optionData.value) && _isAllowedOption(optionData.label)) {
+    // (2) no label provided, but value is a simple primitive, use it as label and value
+    if (!isValidLabel && _isAllowedPrimitive(option.value)) {
+      return { value: option.value, label: `${ option.value }` };
+    }
 
-      // if both value and label are provided, use them as is, in this scenario, the value may also be an object
-      return optionData;
+    // (3) both label and value are provided, use them as is
+    if (isValidLabel && _isAllowedValue(option.value)) {
+      return option;
     }
   }
 
+
   return null;
 }
 
-function _isAllowedOption(option) {
-  return _isReadableType(option) && _isOptionSomething(option);
+function _isAllowedPrimitive(value) {
+  const isAllowedPrimitiveType = [ 'number', 'string', 'boolean' ].includes(typeof(value));
+  const isValid = value || value === 0 || value === false;
+
+  return isAllowedPrimitiveType && isValid;
 }
 
-function _isReadableType(option) {
-  return [ 'number', 'string', 'boolean' ].includes(typeof(option));
+function _isValidLabel(label) {
+  return label && isString(label);
 }
 
-function _isOptionSomething(option) {
-  return option || option === 0 || option === false;
+function _isAllowedValue(value) {
+  if (isObject(value)) {
+    return Object.keys(value).length > 0;
+  }
+
+  return _isAllowedPrimitive(value);
 }
 
 export function createEmptyOptions(options = {}) {
diff --git a/packages/form-js-viewer/src/render/components/util/sanitizerUtil.js b/packages/form-js-viewer/src/render/components/util/sanitizerUtil.js
index eec8db134..443b795d2 100644
--- a/packages/form-js-viewer/src/render/components/util/sanitizerUtil.js
+++ b/packages/form-js-viewer/src/render/components/util/sanitizerUtil.js
@@ -1,3 +1,4 @@
+import isEqual from 'lodash/isEqual';
 import { DATETIME_SUBTYPES } from '../../../util/constants/DatetimeConstants';
 import { isDateInputInformationMatching, isDateTimeInputInformationSufficient, isInvalidDateString, parseIsoTime } from './dateTimeUtil';
 import { getOptionsData, normalizeOptionsData } from './optionsUtil';
@@ -19,6 +20,15 @@ export function sanitizeDateTimePickerValue(options) {
   return value;
 }
 
+export function hasEqualValue(value, array) {
+
+  if (!Array.isArray(array)) {
+    return false;
+  }
+
+  return array.some(element => isEqual(value, element));
+}
+
 export function sanitizeSingleSelectValue(options) {
   const {
     formField,
@@ -28,7 +38,7 @@ export function sanitizeSingleSelectValue(options) {
 
   try {
     const validValues = normalizeOptionsData(getOptionsData(formField, data)).map(v => v.value);
-    return validValues.includes(value) ? value : null;
+    return hasEqualValue(value, validValues) ? value : null;
   } catch (error) {
 
     // use default value in case of formatting error
@@ -46,7 +56,7 @@ export function sanitizeMultiSelectValue(options) {
 
   try {
     const validValues = normalizeOptionsData(getOptionsData(formField, data)).map(v => v.value);
-    return value.filter(v => validValues.includes(v));
+    return value.filter(v => hasEqualValue(v, validValues));
   } catch (error) {
 
     // use default value in case of formatting error
diff --git a/packages/form-js-viewer/src/render/hooks/useCleanupMultiSelectValues.js b/packages/form-js-viewer/src/render/hooks/useCleanupMultiSelectValues.js
index dcf902a63..5c8bbde32 100644
--- a/packages/form-js-viewer/src/render/hooks/useCleanupMultiSelectValues.js
+++ b/packages/form-js-viewer/src/render/hooks/useCleanupMultiSelectValues.js
@@ -1,5 +1,6 @@
 import { useEffect } from 'preact/hooks';
 import { LOAD_STATES } from './useOptionsAsync';
+import { hasEqualValue } from '../components/util/sanitizerUtil';
 
 export default function(props) {
 
@@ -18,12 +19,13 @@ export default function(props) {
       return;
     }
 
-    const hasValuesNotInOptions = values.some(v => !options.map(o => o.value).includes(v));
+    const optionValues = options.map(o => o.value);
+    const hasValuesNotInOptions = values.some(v => !hasEqualValue(v, optionValues));
 
     if (hasValuesNotInOptions) {
       onChange({
         field,
-        value: values.filter(v => options.map(o => o.value).includes(v))
+        value: values.filter(v => hasEqualValue(v, optionValues))
       });
     }
 
diff --git a/packages/form-js-viewer/src/render/hooks/useCleanupSingleSelectValue.js b/packages/form-js-viewer/src/render/hooks/useCleanupSingleSelectValue.js
index d1a607f67..553e435e1 100644
--- a/packages/form-js-viewer/src/render/hooks/useCleanupSingleSelectValue.js
+++ b/packages/form-js-viewer/src/render/hooks/useCleanupSingleSelectValue.js
@@ -1,5 +1,6 @@
 import { useEffect } from 'preact/hooks';
 import { LOAD_STATES } from './useOptionsAsync';
+import { hasEqualValue } from '../components/util/sanitizerUtil';
 
 export default function(props) {
 
@@ -18,7 +19,8 @@ export default function(props) {
       return;
     }
 
-    const hasValueNotInOptions = value && !options.map(o => o.value).includes(value);
+    const optionValues = options.map(o => o.value);
+    const hasValueNotInOptions = value && !hasEqualValue(value, optionValues);
 
     if (hasValueNotInOptions) {
       onChange({
diff --git a/packages/form-js-viewer/src/render/hooks/useGetLabelCorrelation.js b/packages/form-js-viewer/src/render/hooks/useGetLabelCorrelation.js
new file mode 100644
index 000000000..609ac8e0e
--- /dev/null
+++ b/packages/form-js-viewer/src/render/hooks/useGetLabelCorrelation.js
@@ -0,0 +1,17 @@
+import { useCallback, useMemo } from 'preact/hooks';
+import { isObject } from 'min-dash';
+
+/**
+ * This hook allows us to retrieve the label from a value in linear time by caching it in a map
+ * @param {Array} options
+ */
+export function useGetLabelCorrelation(options) {
+
+  // This allows us to retrieve the label from a value in linear time
+  const labelMap = useMemo(() => Object.assign({}, ...options.map((o) => ({ [_getValueHash(o.value)]:  o.label }))), [ options ]);
+  return useCallback((value) => labelMap[_getValueHash(value)], [ labelMap ]);
+}
+
+const _getValueHash = (value) => {
+  return isObject(value) ? JSON.stringify(value) : value;
+};
\ No newline at end of file
diff --git a/packages/form-js-viewer/test/spec/render/components/form-fields/Checklist.spec.js b/packages/form-js-viewer/test/spec/render/components/form-fields/Checklist.spec.js
index f837d73ec..06b340e23 100644
--- a/packages/form-js-viewer/test/spec/render/components/form-fields/Checklist.spec.js
+++ b/packages/form-js-viewer/test/spec/render/components/form-fields/Checklist.spec.js
@@ -16,7 +16,6 @@ const spy = sinon.spy;
 
 let container;
 
-
 describe('Checklist', function() {
 
   beforeEach(function() {
@@ -119,6 +118,80 @@ describe('Checklist', function() {
   });
 
 
+  it('should render dynamically with simplified values', function() {
+
+    // when
+    const { container } = createChecklist({
+      value: [ 'dynamicValue1' ],
+      field: dynamicField,
+      initialData: dynamicFieldInitialDataSimplified
+    });
+
+    // then
+    const formField = container.querySelector('.fjs-form-field');
+
+    expect(formField).to.exist;
+    expect(formField.classList.contains('fjs-form-field-checklist')).to.be.true;
+
+    const inputs = container.querySelectorAll('input[type="checkbox"]');
+    expect(inputs).to.have.length(3);
+    expect(inputs[0].id).to.equal('test-checklist-0');
+    expect(inputs[1].id).to.equal('test-checklist-1');
+    expect(inputs[2].id).to.equal('test-checklist-2');
+
+    expect(inputs[0].checked).to.be.true;
+    expect(inputs[1].checked).to.be.false;
+    expect(inputs[2].checked).to.be.false;
+
+    const labels = container.querySelectorAll('label');
+
+    expect(labels).to.have.length(4);
+    expect(labels[0].textContent).to.equal('Email data to');
+    expect(labels[1].htmlFor).to.equal('test-checklist-0');
+    expect(labels[2].htmlFor).to.equal('test-checklist-1');
+    expect(labels[3].htmlFor).to.equal('test-checklist-2');
+  });
+
+
+  it('should render dynamically with object values', function() {
+
+    // when
+    const { container } = createChecklist({
+      value: [ {
+        id: 'user3',
+        name: 'User 3',
+        email: 'user3@email.com'
+      } ],
+      field: dynamicField,
+      initialData: dynamicFieldInitialDataObjectValues
+    });
+
+    // then
+    const formField = container.querySelector('.fjs-form-field');
+
+    expect(formField).to.exist;
+    expect(formField.classList.contains('fjs-form-field-checklist')).to.be.true;
+
+    const inputs = container.querySelectorAll('input[type="checkbox"]');
+    expect(inputs).to.have.length(3);
+    expect(inputs[0].id).to.equal('test-checklist-0');
+    expect(inputs[1].id).to.equal('test-checklist-1');
+    expect(inputs[2].id).to.equal('test-checklist-2');
+
+    expect(inputs[0].checked).to.be.false;
+    expect(inputs[1].checked).to.be.false;
+    expect(inputs[2].checked).to.be.true;
+
+    const labels = container.querySelectorAll('label');
+
+    expect(labels).to.have.length(4);
+    expect(labels[0].textContent).to.equal('Email data to');
+    expect(labels[1].htmlFor).to.equal('test-checklist-0');
+    expect(labels[2].htmlFor).to.equal('test-checklist-1');
+    expect(labels[3].htmlFor).to.equal('test-checklist-2');
+  });
+
+
   it('should render default value (undefined)', function() {
 
     // when
@@ -260,6 +333,70 @@ describe('Checklist', function() {
     });
 
 
+    it('should handle change simplified values', function() {
+
+      // given
+      const onChangeSpy = spy();
+
+      const { container } = createChecklist({
+        onChange: onChangeSpy,
+        value: [ 'dynamicValue1' ],
+        field: dynamicField,
+        initialData: dynamicFieldInitialDataSimplified
+      });
+
+      // when
+      const input = container.querySelectorAll('input[type="checkbox"]')[1];
+
+      fireEvent.click(input);
+
+      // then
+      expect(onChangeSpy).to.have.been.calledWith({
+        field: dynamicField,
+        value: [ 'dynamicValue1', 'dynamicValue2' ]
+      });
+
+    });
+
+
+    it('should handle change object values', function() {
+
+      // given
+      const onChangeSpy = spy();
+
+      const { container } = createChecklist({
+        onChange: onChangeSpy,
+        value: [ {
+          id: 'user3',
+          name: 'User 3',
+          email: 'user3@email.com'
+        } ],
+        field: dynamicField,
+        initialData: dynamicFieldInitialDataObjectValues
+      });
+
+      // when
+      const input = container.querySelectorAll('input[type="checkbox"]')[1];
+
+      fireEvent.click(input);
+
+      // then
+      expect(onChangeSpy).to.have.been.calledWith({
+        field: dynamicField,
+        value: [ {
+          id: 'user3',
+          name: 'User 3',
+          email: 'user3@email.com'
+        }, {
+          id: 'user2',
+          name: 'User 2',
+          email: 'user2@email.com'
+        } ]
+      });
+
+    });
+
+
     it('should handle toggle', function() {
 
       // given
@@ -284,6 +421,36 @@ describe('Checklist', function() {
       });
     });
 
+
+    it('should handle toggle object values', function() {
+
+      // given
+      const onChangeSpy = spy();
+
+      const { container } = createChecklist({
+        onChange: onChangeSpy,
+        value: [ {
+          id: 'user3',
+          name: 'User 3',
+          email: 'user3@email.com'
+        } ],
+        field: dynamicField,
+        initialData: dynamicFieldInitialDataObjectValues
+      });
+
+      // when
+      const input = container.querySelectorAll('input[type="checkbox"]')[2];
+
+      fireEvent.click(input, { target: { checked: false } });
+
+      // then
+      expect(onChangeSpy).to.have.been.calledWith({
+        field: dynamicField,
+        value: []
+      });
+
+    });
+
   });
 
 
@@ -419,6 +586,43 @@ const dynamicFieldInitialData = {
   ]
 };
 
+const dynamicFieldInitialDataSimplified = {
+  dynamicValues: [
+    'dynamicValue1',
+    'dynamicValue2',
+    'dynamicValue3'
+  ]
+};
+
+const dynamicFieldInitialDataObjectValues = {
+  dynamicValues: [
+    {
+      label: 'User 1',
+      value: {
+        id: 'user1',
+        name: 'User 1',
+        email: 'user1@email.com'
+      }
+    },
+    {
+      label: 'User 2',
+      value: {
+        id: 'user2',
+        name: 'User 2',
+        email: 'user2@email.com'
+      }
+    },
+    {
+      label: 'User 3',
+      value: {
+        id: 'user3',
+        name: 'User 3',
+        email: 'user3@email.com'
+      }
+    }
+  ]
+};
+
 function createChecklist({ services, ...restOptions } = {}) {
 
   const options = {
@@ -445,4 +649,4 @@ function createChecklist({ services, ...restOptions } = {}) {
       container: options.container || container.querySelector('.fjs-form')
     }
   );
-}
+}
\ No newline at end of file
diff --git a/packages/form-js-viewer/test/spec/render/components/form-fields/Radio.spec.js b/packages/form-js-viewer/test/spec/render/components/form-fields/Radio.spec.js
index b37641429..48f9d044b 100644
--- a/packages/form-js-viewer/test/spec/render/components/form-fields/Radio.spec.js
+++ b/packages/form-js-viewer/test/spec/render/components/form-fields/Radio.spec.js
@@ -46,6 +46,8 @@ describe('Radio', function() {
     expect(inputs).to.have.length(2);
     expect(inputs[ 0 ].id).to.equal('test-radio-0');
     expect(inputs[ 1 ].id).to.equal('test-radio-1');
+    expect(inputs[ 0 ].checked).to.be.true;
+    expect(inputs[ 1 ].checked).to.be.false;
 
     const labels = container.querySelectorAll('label');
 
@@ -97,6 +99,8 @@ describe('Radio', function() {
     expect(inputs).to.have.length(2);
     expect(inputs[0].id).to.equal('test-radio-0');
     expect(inputs[1].id).to.equal('test-radio-1');
+    expect(inputs[0].checked).to.be.true;
+    expect(inputs[1].checked).to.be.false;
 
     const labels = container.querySelectorAll('label');
 
@@ -107,6 +111,22 @@ describe('Radio', function() {
   });
 
 
+  it('should render selection properly when using object values', function() {
+
+    // when
+    const { container } = createRadio({
+      value: { a: 1, b: 2 },
+      field: dynamicField,
+      initialData: objectDynamicFieldInitialData
+    });
+
+    // then
+    const inputs = container.querySelectorAll('input[type="radio"]');
+    expect(inputs[0].checked).to.be.false;
+    expect(inputs[1].checked).to.be.true;
+  });
+
+
   it('should render default value (undefined)', function() {
 
     // when
@@ -415,6 +435,19 @@ const dynamicFieldInitialData = {
   ]
 };
 
+const objectDynamicFieldInitialData = {
+  dynamicValues: [
+    {
+      label: 'Dynamic Value 1',
+      value: { a: 2, b: 1 }
+    },
+    {
+      label: 'Dynamic Value 2',
+      value: { a: 1, b: 2 }
+    }
+  ]
+};
+
 function createRadio({ services, ...restOptions } = {}) {
 
   const options = {
diff --git a/packages/form-js-viewer/test/spec/render/components/form-fields/util/optionsUtil.spec.js b/packages/form-js-viewer/test/spec/render/components/form-fields/util/optionsUtil.spec.js
index 120215ce8..6227d686c 100644
--- a/packages/form-js-viewer/test/spec/render/components/form-fields/util/optionsUtil.spec.js
+++ b/packages/form-js-viewer/test/spec/render/components/form-fields/util/optionsUtil.spec.js
@@ -43,7 +43,7 @@ describe('optionsUtil', function() {
     });
 
 
-    it('should add label if not provided', function() {
+    it('should add label if not provided and value is string', function() {
 
       // given
       const options = [ { value: 'john' }, { value: 'jessica' } ];
@@ -56,6 +56,33 @@ describe('optionsUtil', function() {
     });
 
 
+    it('should add label if not provided and value is number', function() {
+
+      // given
+      const options = [ { value: 1 }, { value: 2 } ];
+
+      // when
+      const result = normalizeOptionsData(options);
+
+      // then
+      expect(result).to.eql([ { value: 1, label: '1' }, { value: 2, label: '2' } ]);
+    });
+
+
+    it('should not add label if not provided and value is object', function() {
+
+      // given
+      const options = [ { value: { foo: 'bar' } }, { value: { bar: 'foo' } } ];
+
+      // when
+      const result = normalizeOptionsData(options);
+
+      // then
+      expect(result).to.eql([]);
+
+    });
+
+
     it('should ignore optionsData without value', function() {
 
       // given
@@ -69,6 +96,19 @@ describe('optionsUtil', function() {
     });
 
 
+    it('should ignore optionsData with null, undefined, empty string or empty object as value', function() {
+
+      // given
+      const optionsData = [ { label: 'null', value: null }, { label: 'undefined', value: undefined }, { label: 'empty string', value: '' }, { label: 'empty object', value: {} } ];
+
+      // when
+      const result = normalizeOptionsData(optionsData);
+
+      // then
+      expect(result).to.eql([]);
+    });
+
+
     it('should convert string definitions to value/label objects', function() {
 
       // given
@@ -82,6 +122,20 @@ describe('optionsUtil', function() {
     });
 
 
+    it('should convert integer definitions to value/label objects', function() {
+
+      // given
+      const optionsData = [ 1, 2 ];
+
+      // when
+      const result = normalizeOptionsData(optionsData);
+
+      // then
+      expect(result).to.eql([ { value: 1, label: '1' }, { value: 2, label: '2' } ]);
+
+    });
+
+
     it('should filter out incorrectly structured objects', function() {
 
       // given