Fix duplicated plots during playback: give per-run panels distinct keys
1 changed file+3−3
src/App.tsxmodified+3−3View file
@@ -277,13 +277,13 @@ export default function App() {
277277 <h3>Spectrogram</h3>
278278 <Spectrogram p={payload} fmax={fmax} />
279279 <h3>Spectrum, two windows (detuning shows as peaks shifting)</h3>
280- <Spectrum key={runId} p={payload} fmax={fmax} />
280+ <Spectrum key={`spectrum-${runId}`} p={payload} fmax={fmax} />
281281 <h3>Energy by linear mode (the cascade)</h3>
282- <ModeEnergy key={runId} p={payload} />
282+ <ModeEnergy key={`modes-${runId}`} p={payload} />
283283 <h3>Energy</h3>
284284 <Energy p={payload} />
285285 <h3>Beads</h3>
286- <BeadView key={runId} p={payload} onTime={setViewTime} />
286+ <BeadView key={`beads-${runId}`} p={payload} onTime={setViewTime} />
287287 </>
288288 )}
289289 </section>