diff --git a/src/components/PatchEditorComponent.js b/src/components/PatchEditorComponent.js
new file mode 100644
index 0000000..b6f1d6e
--- /dev/null
+++ b/src/components/PatchEditorComponent.js
@@ -0,0 +1,19 @@
+import React, { useState, useEffect } from "react";
+
+function PatchEditorComponent() {
+    const [patch, updatePatch] = useState(null);
+
+    useEffect(
+        {
+            // update the dump and send out a sysex message to the system
+        },
+        [patch]
+    );
+
+    return (
+        // placeholder div
+        <div></div>
+    );
+}
+
+export default PatchEditorComponent;