在history.push中使用重定向时无法更改状态

import React, { useState } from 'react';
import { Redirect } from 'react-router-dom';

const MyComponent = () => {
  const [redirect, setRedirect] = useState(false);

  const handleRedirect = () => {
    setRedirect(true);
  };

  if (redirect) {
    return <Redirect to="/new-path" />;
  }

  return (
    <div>
      <button onClick={handleRedirect}>Redirect</button>
    </div>
  );
};

export default MyComponent;