change function of fliter sort, modal and locate set new data and change it and update

components/doctors/search/SearchField.js

@@ -1,12 +1,12 @@
 import { TextField } from "@mui/material";
 import React from "react";
 
-function SearchField({ fields, setFields }) {
+function SearchField({ filter, updateData }) {
   return (
     <TextField
       variant="standard"
-      value={fields.search}
-      onChange={(e) => setFields({ ...fields, search: e.target.value })}
+      value={filter.name}
+      onChange={(e) => updateData("name", e.target.value)}
       InputProps={{
         disableUnderline: true,
       }}