Fix hookstate bugs (101, 102) in SelectInput (#10442)

EtherealEngine · Jun 24, 2024 · 1498edd · 1498edd
1 parent 33030f4
commit 1498edd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/primitives/tailwind/Select/index.tsx b/packages/ui/src/primitives/tailwind/Select/index.tsx
@@ -79,7 +79,7 @@ const Select = <T extends OptionValueType>({
   const ref = useRef<HTMLDivElement>(null)
   const { t } = useTranslation()
   const showOptions = useHookstate(false)
-  const filteredOptions = useHookstate(options)
+  const filteredOptions = useHookstate(JSON.parse(JSON.stringify(options)))
   const selectLabel = useHookstate('')
 
   useClickOutside(ref, () => showOptions.set(false))
@@ -90,7 +90,7 @@ const Select = <T extends OptionValueType>({
   }, [currentValue, options])
 
   useEffect(() => {
-    filteredOptions.set(options)
+    filteredOptions.set(JSON.parse(JSON.stringify(options)))
   }, [options])
 
   const toggleDropdown = () => {