Plotly.react leaves duplicate clippaths

const container = document.createElement('div');
document.body.appendChild(container);
await Plotly.newPlot(container, [], { title: 'abc' });
await Plotly.react(container, [], { title: 'hello' });

The resulting DOM contains multiple copies of the same clippath:

<clippath class="plotclip" id="clipc001dfxyplot">
  <rect height="270" width="540" />
</clippath>
...
<clippath class="plotclip" id="clipc001dfxyplot">
  <rect height="270" width="540" />
</clippath>

This is causing issues for our accessibility tests, which check that IDs are unique within the document, but in some cases the newer clippath is different (but still shares the same ID), so presumably the items which reference it could pick up an old value and therefore render incorrectly after an update.

(using Plotly 2.24.3)

从 issue 中的最小复现开始，比较 Plotly.newPlot 和 Plotly.react 之后的 DOM，并追踪 plotclip clippaths 在哪里被创建或保留。完成标准是：更新后的绘图没有重复的 clippath ID，并且更新后元素引用了预期的 clippath。