I'm using a Home Button to delete any parameters in the URL. I keep getting the following error. TypeError: searchParams.delete is not a function

The code for my home button (HomeButton.jsx) is below.

import "../App.css";
import "bootswatch/dist/lumen/bootstrap.min.css";
import { useHistory } from "react-router";
import useSearchParams from "use-search-params";

export default function HomeButton(props) {
  let history = useHistory();
  let [setSearchParams, searchParams] = useSearchParams();

  //when home button is pressed, set state to default, and puch to home page
  function refreshToLandingPage() {
    searchParams.delete();
    props.setState(props.initialState);
    history.push("/");
  }

  return (
    <div id="HomeButton">
      <button
        type="button"
        class="primary-btn"
        style={{ justify: "left" }}
        onClick={() => refreshToLandingPage()}
      >
        Main Menu
      </button>
    </div>
  );
}