From 74f0c5bcab9e71f747df89e32f7f0b602e95cd20 Mon Sep 17 00:00:00 2001
From: Robin Lankhorst <lankhorstrobin@gmail.com>
Date: Wed, 4 Dec 2024 14:19:29 +0000
Subject: [PATCH] fix: MultiSelectElement does not allow for options w/ { id:
 '0' }

---
 apps/storybook/stories/MultiSelectElement.stories.tsx | 8 ++++----
 packages/rhf-mui/src/MultiSelectElement.tsx           | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/storybook/stories/MultiSelectElement.stories.tsx b/apps/storybook/stories/MultiSelectElement.stories.tsx
index a14b4a8..b9ad307 100644
--- a/apps/storybook/stories/MultiSelectElement.stories.tsx
+++ b/apps/storybook/stories/MultiSelectElement.stories.tsx
@@ -108,10 +108,10 @@ export const WithCheckbox: Story = {
 }
 
 const objectVals = [
-  {id: 1, name: 'Alpha'},
-  {id: 2, name: 'Beta'},
-  {id: 3, name: 'Celsius'},
-  {id: 4, name: 'Delta'},
+  {id: 0, name: 'Alpha'},
+  {id: 1, name: 'Beta'},
+  {id: 2, name: 'Celsius'},
+  {id: 3, name: 'Delta'},
 ]
 
 export const WithObjectArray: Story = {
diff --git a/packages/rhf-mui/src/MultiSelectElement.tsx b/packages/rhf-mui/src/MultiSelectElement.tsx
index 5e79720..e200c4e 100644
--- a/packages/rhf-mui/src/MultiSelectElement.tsx
+++ b/packages/rhf-mui/src/MultiSelectElement.tsx
@@ -261,7 +261,7 @@ const MultiSelectElement = forwardRef(function MultiSelectElement<
         inputRef={handleInputRef}
       >
         {options.map((item) => {
-          const val: string | number = item[itemValue || itemKey] || item
+          const val: string | number = item[itemValue || itemKey] ?? item
           const isChecked = Array.isArray(value)
             ? value.some((v) => v === val)
             : false