From b0a67291cf580b2ab6a8307257c5707b6384d3d1 Mon Sep 17 00:00:00 2001
From: Jori Lindell <jori.lindell@gmail.com>
Date: Mon, 15 Jan 2024 11:30:56 +0200
Subject: [PATCH] fix: Add timeout to SingleSelectComponent value change

- Android devices freezes totally when trying to change value of a SingleSelectComponent. Add a short timeout to prevent infinite loop after calling onChange.
---
 src/common/components/formFields/SingleSelectField.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/common/components/formFields/SingleSelectField.tsx b/src/common/components/formFields/SingleSelectField.tsx
index d8b08991..81223ca5 100644
--- a/src/common/components/formFields/SingleSelectField.tsx
+++ b/src/common/components/formFields/SingleSelectField.tsx
@@ -25,9 +25,13 @@ const SingleSelectField: React.FC<Props> = ({
   };
 
   const handleChange = (selected: OptionType) => {
-    onChange({
-      target: { id: name, value: selected.value },
-    });
+    // Set timeout to prevent Android devices to end up
+    // to an infinite loop when changing value
+    setTimeout(() => {
+      onChange({
+        target: { id: name, value: selected.value },
+      });
+    }, 5);
   };
 
   return (