diff --git a/src/components/Track.tsx b/src/components/Track.tsx index 701439b..15cb8f0 100644 --- a/src/components/Track.tsx +++ b/src/components/Track.tsx @@ -133,12 +133,14 @@ const TrackConsumer: React.FC = ({ ); if (!isEqual) { + sequencer.current.stop(); sequencer.current?.remove(i); sequencer.current?.add(i, step); } }); } else { // When new steps are less or more then prev, remove all and add new steps + sequencer.current.stop(); sequencer.current.removeAll(); sequencerSteps.forEach((step, i) => { sequencer.current.add(i, step);