Chart type scatter3d make onClick loop when calling history.push inside it

Using Plot inside a Router with type "scatter3d" and trying to use history inside onClick (only if it doesn't unmount the Plot Component) make onClick loop after a first click.

Minimal example:

import Plot from "react-plotly.js";
import { BrowserRouter, Route, useHistory } from "react-router-dom";

function Chart3D() {
    const history = useHistory();

    return (
        <Plot
            onClick={() => {
                console.log("This will be printed a lot");
                history.push("/");
            }}
            data={[
                {
                    x: [1],
                    y: [1],
                    z: [1],
                    type: "scatter3d",
                },
            ]}
        />
    );
}

export default function App() {
    return (
        <BrowserRouter>
            <Route path="/" component={Chart3D} />
        </BrowserRouter>
    );
}

Empieza reproduciendo el ejemplo mínimo con react-plotly.js, BrowserRouter, useHistory, un scatter3d Plot y history.push en onClick. Traza por qué el handler se ejecuta repetidamente después del primer clic sin desmontar el componente Plot. Se considera terminado cuando el callback se ejecuta una vez por clic y la navegación sigue funcionando.