How to handle search with tanstack query?

const [form, setForm] = useState({
  search: "",
  sort: "relevance",
  category: "all",
});

// state that actually triggers the query
const [submittedParams, setSubmittedParams] = useState(null);

const { data, isFetching, isError } = useQuery({
  queryKey: ["products", submittedParams],
  queryFn: async () => {
    return searchPosts(submittedParams)
  },
  enabled: !!submittedParams, // only run after first submit
});

const handleSubmit = () => {
  setSubmittedParams(form);
};