Fix FilterLiveSearch Loose its Value

marmelab · Mar 19, 2021 · 2108c0b · 2108c0b
1 parent df89dbc
commit 2108c0b
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/packages/ra-ui-materialui/src/list/filter/FilterLiveSearch.tsx b/packages/ra-ui-materialui/src/list/filter/FilterLiveSearch.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FC, ChangeEvent, memo } from 'react';
+import { FC, ChangeEvent, memo, useMemo } from 'react';
 import { InputAdornment } from '@material-ui/core';
 import SearchIcon from '@material-ui/icons/Search';
 import { Form } from 'react-final-form';
@@ -36,11 +36,18 @@ const FilterLiveSearch: FC<{ source?: string }> = props => {
         }
     };
 
+    const initialValues = useMemo(
+        () => ({
+            [source]: filterValues[source],
+        }),
+        [filterValues, source]
+    );
+
     const onSubmit = () => undefined;
 
     return (
-        <Form onSubmit={onSubmit}>
-            {({ handleSubmit }) => (
+        <Form initialValues={initialValues} onSubmit={onSubmit}>
+            {() => (
                 <TextInput
                     resettable
                     helperText={false}