From 85405d766ec10ae2610d46d03921d955cb04e317 Mon Sep 17 00:00:00 2001
From: Brandon Scott <contact@brandonscott.me>
Date: Tue, 18 Jan 2022 07:56:27 -0500
Subject: [PATCH] Stop sequencer before removing/adding new steps to prevent
 duplicate notes from being played when they change

---
 src/components/Track.tsx | 2 ++
 1 file changed, 2 insertions(+)

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<TrackConsumerProps> = ({
           );
 
           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);