From 7cde7e0581e89796b8b8127e6be309e3e0aa2e85 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sat, 19 Nov 2022 12:11:02 +0100
Subject: [PATCH] fix(web/input): ensure select rerender between dialogs

If opening another input dialog with select in the same row it would cause the value to be the same as the previous one as there was no rerender being forced because their keys were the same
---
 web/src/features/dialog/components/fields/select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/features/dialog/components/fields/select.tsx b/web/src/features/dialog/components/fields/select.tsx
index ea6c294..f9a0f08 100644
--- a/web/src/features/dialog/components/fields/select.tsx
+++ b/web/src/features/dialog/components/fields/select.tsx
@@ -21,7 +21,7 @@ const SelectField: React.FC<Props> = (props) => {
 
   return (
     <>
-      <Box mb={3} key={`select-${props.index}`}>
+      <Box mb={3} key={`select-${props.row.label}-${props.index}`}>
         <Select
           onChange={(e: React.ChangeEvent<HTMLSelectElement>) => props.handleChange(e.target.value, props.index)}
           defaultValue={props.row.default || ''}