new to react and I am trying to reset state of an object up on button click. I have am object called setStatusFilters and I wanteed to reset it's data up on button click. Unfortunately, when I do, I got Uncaught TypeError: setStatusFilters is not a function at resetAllFilters. here is my code

ObjectList.js(minimal code)

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;

So I have setStatusFilters object and I want to reset it's state to empty when I click Reset button. But I got Uncaught TypeError: setStatusFilters is not a function at resetAllFilters

How can I fix this issue? Thanks