Fix initial loading of the item

ClickHouse · Sep 16, 2023 · f8a798d · f8a798d
1 parent cc6131f
commit f8a798d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/MultiSelect/MultiSelect.tsx b/src/components/MultiSelect/MultiSelect.tsx
@@ -3,6 +3,7 @@ import {
   MouseEvent,
   ReactNode,
   forwardRef,
+  useEffect,
   useId,
   useRef,
   useState,
@@ -157,6 +158,7 @@ const Trigger = forwardRef<HTMLButtonElement, TriggerProps>(
     },
     ref
   ) => {
+    const [, forceUpate] = useState(0);
     const {
       disabled,
       id,
@@ -175,6 +177,10 @@ const Trigger = forwardRef<HTMLButtonElement, TriggerProps>(
       updateSearch("");
     };
 
+    useEffect(() => {
+      forceUpate(n => n + 1);
+    }, []);
+
     return (
       <ComboboxTrigger
         ref={ref}

diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -3,6 +3,7 @@ import {
   MouseEvent,
   ReactNode,
   forwardRef,
+  useEffect,
   useId,
   useRef,
   useState,
@@ -172,6 +173,7 @@ interface TriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, "id"> {
 
 const Trigger = forwardRef<HTMLButtonElement, TriggerProps>(
   ({ placeholder = "Select an option", onClick: onClickProp, ...props }, ref) => {
+    const [, forceUpate] = useState(0);
     const { disabled, id, hasError, selectedValues, updateSearch, getValueProps } =
       useCombobox();
     const onClick = (e: MouseEvent<HTMLButtonElement>) => {
@@ -182,6 +184,10 @@ const Trigger = forwardRef<HTMLButtonElement, TriggerProps>(
     };
     const nodeProps =
       selectedValues.length === 0 ? null : getValueProps(selectedValues[0]);
+    useEffect(() => {
+      forceUpate(n => n + 1);
+    }, []);
+
     return (
       <ComboboxTrigger
         ref={ref}