如何使用react钩子删除查询参数？

import React, { useEffect } from 'react';
import { useLocation, useHistory } from 'react-router-dom';

const MyComponent = () => {
  const location = useLocation();
  const history = useHistory();

  useEffect(() => {
    // 获取查询参数对象
    const searchParams = new URLSearchParams(location.search);
    // 删除指定的查询参数
    searchParams.delete('paramName');
    // 构建新的URL
    const newUrl = `${location.pathname}?${searchParams.toString()}`;
    // 使用history对象进行页面跳转
    history.push(newUrl);
  }, [location.search, history]);

  return (
    // 组件的JSX代码
    <div>
      {/* 组件内容 */}
    </div>
  );
};