From ff4accdb02463fd83e336541da24d8495d89f794 Mon Sep 17 00:00:00 2001
From: Tim Izzo <tim@5ika.ch>
Date: Fri, 14 Jun 2024 09:33:21 +0200
Subject: [PATCH] fix: :bug: Fix empty field

https://github.com/Zaydme/strapi-plugin-multi-select/issues/28
---
 .prettierrc                               |  5 +++++
 admin/src/components/MultiSelect/index.js | 10 ++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 .prettierrc

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..eaaa46c
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "semi": false
+}
diff --git a/admin/src/components/MultiSelect/index.js b/admin/src/components/MultiSelect/index.js
index ea361de..e85846b 100644
--- a/admin/src/components/MultiSelect/index.js
+++ b/admin/src/components/MultiSelect/index.js
@@ -25,7 +25,8 @@ const CustomMultiValueContainer = (props) => {
       type="button"
       tabIndex={-1}
       icon={<Cross />}
-      onClick={handleTagClick(props.data)}>
+      onClick={handleTagClick(props.data)}
+    >
       {props.data.label}
     </Tag>
   )
@@ -83,7 +84,7 @@ const MultiSelect = ({
     }
     return Array.isArray(parsedValue)
       ? possibleOptions.filter((option) =>
-          parsedValue.some((val) => option.value === val),
+          parsedValue.some((val) => option.value === val)
         )
       : []
   }, [value, possibleOptions])
@@ -97,7 +98,8 @@ const MultiSelect = ({
       hint={description && formatMessage(description)}
       error={fieldError}
       name={name}
-      required={required}>
+      required={required}
+    >
       <Flex direction="column" alignItems="stretch" gap={1}>
         <FieldLabel>{formatMessage(intlLabel)}</FieldLabel>
         <StyleSelect
@@ -108,7 +110,7 @@ const MultiSelect = ({
           id={name}
           disabled={disabled || possibleOptions.length === 0}
           placeholder={placeholder}
-          defaultValue={sanitizedValue.map((val) => ({
+          value={sanitizedValue.map((val) => ({
             label: formatMessage({
               id: val.label,
               defaultMessage: val.label,