From e97fc985e29c89b740848fef49c602995fb62f5a Mon Sep 17 00:00:00 2001
From: garronej <joseph.garrone@data.gouv.fr>
Date: Mon, 19 Jun 2023 03:12:13 +0200
Subject: [PATCH] Fix error with select initial state

---
 .../login/pages/shared/UserProfileFormFields.tsx    | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/keycloak-theme/login/pages/shared/UserProfileFormFields.tsx b/src/keycloak-theme/login/pages/shared/UserProfileFormFields.tsx
index 3b2b7a4..bfcb2c8 100644
--- a/src/keycloak-theme/login/pages/shared/UserProfileFormFields.tsx
+++ b/src/keycloak-theme/login/pages/shared/UserProfileFormFields.tsx
@@ -98,11 +98,14 @@ export function UserProfileFormFields(props: UserProfileFormFieldsProps) {
                                                 }
                                                 value={value}
                                             >
-                                                {options.options.map(option => (
-                                                    <option key={option} value={option}>
-                                                        {option}
-                                                    </option>
-                                                ))}
+                                                <>
+                                                    <option value="" selected disabled hidden>Select an option</option>
+                                                    {options.options.map(option => (
+                                                        <option key={option} value={option}>
+                                                            {option}
+                                                        </option>
+                                                    ))}
+                                                </>
                                             </select>
                                         );
                                     }