如何在组件仍然使用React导航呈现的情况下更新标题？

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

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

  const updateTitle = () => {
    // 更新标题
    document.title = '新的标题';

    // 更新路由
    history.push('/path', { someData: 'someValue' });
  };

  return (
    <div>
      <h1>组件标题</h1>
      <button onClick={updateTitle}>更新标题</button>
    </div>
  );
};

export default MyComponent;