get data from url and set in state & change default value & handle delete value of states & handle list and filter category and expertise in doctors page & handle search onchange & filter list clinics on change state

components/searchHead/SmSearch.js

@@ -1,7 +1,7 @@
 import SearchD from "@/components/icons/SearchD";
 import { Button, ButtonGroup, TextField } from "@mui/material";
 
-function SmSearch({ placeholder, changeSearch, handleSearch, search }) {
+function SmSearch({ placeholder, handleSearch }) {
   return (
     <ButtonGroup
       variant="contained"
@@ -10,9 +10,8 @@ function SmSearch({ placeholder, changeSearch, handleSearch, search }) {
             !h-fit !p-1"
     >
       <TextField
-        value={search}
         variant="standard"
-        onChange={e => changeSearch(e.target.value)}
+        onChange={e => handleSearch(e.target.value)}
         InputProps={{
           disableUnderline: true,
         }}