nuevo para reaccionar y estoy tratando de restablecer el estado de un objeto al hacer clic en el botón. Tengo un objeto llamado setStatusFilters y quiero restablecer sus datos al hacer clic en el botón. Desafortunadamente, cuando lo hago, obtuve Uncaught TypeError: setStatusFilters is not a function at resetAllFilters . aquí está mi código

ObjectList.js (código mínimo)

 function ObjectList({ search, setSearch, trackingObjects, loading, error, selectedObj, setSelectedObj, statusFilters, setStatusCheckboxFilters, setStatusFilters, }) { const handleClick = React.useCallback((obj) => { setSelectedObj(obj); }, []); console.log(statusFilters, "object"); const resultObjs = filterSearch( filterObjects(trackingObjects, statusFilters), search ); const [res, setReset] = useState(false); const reset = () => setReset(!setStatusFilters); const objsWithLocations = resultObjs.filter( ({ location }) => location?.[0] !== null && location?.[0] !== undefined && location?.[1] !== null && location?.[1] !== undefined ); const defaultFilterState = useMemo( () => makeDefaultFilterState(trackingObjects), [trackingObjects] ); const filterOptionsObj = useMemo( () => makeFilterOptionsObj(trackingObjects), [trackingObjects] ); const resetAllFilters = () => { setStatusFilters(""); }; return ( <Grid container direction="column" sx={classes.Root} <Button variant="text" text="Reset" sx={{ fontSize: "24px", p: 0, verticalAlign: "baseline", ml: "6px", textTransform: "none", }} onClick={() => resetAllFilters()} /> </Grid> ); } export default ObjectList;

Así que tengo el objeto setStatusFilters y quiero restablecer su estado para que quede vacío cuando hago clic en el botón Reset . Pero obtuve Uncaught TypeError: setStatusFilters is not a function at resetAllFilters

¿Cómo puedo solucionar este problema? Gracias