fix: combobox rendered text when value prop changes

strapi · Oct 3, 2023 · 598164d · 598164d
1 parent 79d7b72
commit 598164d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/strapi-design-system/src/Combobox/Combobox.tsx b/packages/strapi-design-system/src/Combobox/Combobox.tsx
@@ -191,6 +191,15 @@ export const ComboboxInput = React.forwardRef<ComboboxInputElement, ComboboxInpu
       skipWhen: !internalIsOpen,
     });
 
+    React.useEffect(() => {
+      /**
+       * When the value prop changes "externally" update the text input value too
+       */
+      handleTextValueChange(value || '');
+
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+
     const hintId = `${generatedId}-hint`;
     const errorId = `${generatedId}-error`;