fix: fix config list search filter not working

flanksource · Jun 13, 2024 · 99606d0 · 99606d0
1 parent 9d1d59b
commit 99606d0
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/Forms/Formik/FormikSearchInputClearable.tsx b/src/components/Forms/Formik/FormikSearchInputClearable.tsx
@@ -1,7 +1,7 @@
 import { TextInputClearable } from "@flanksource-ui/ui/FormControls/TextInputClearable";
 import { useField } from "formik";
 import { debounce } from "lodash";
-import { ComponentProps } from "react";
+import React, { ComponentProps } from "react";
 
 type FormikSearchInputClearableProps = {
   name: string;
@@ -26,16 +26,20 @@ export default function FormikSearchInputClearable({
     }
   });
 
-  const onChange = debounce((value) => {
+  const onChange = debounce((e: React.ChangeEvent<HTMLInputElement>) => {
     field.onChange({
       target: {
-        value,
+        value: e.target.value,
         name
       }
     });
   }, 400);
 
   return (
-    <TextInputClearable {...props} value={field.value} onChange={onChange} />
+    <TextInputClearable
+      {...props}
+      defaultValue={field.value}
+      onChange={onChange}
+    />
   );
 }