diff --git a/dsp/main.js b/dsp/main.js
index 7057940..146a395 100644
--- a/dsp/main.js
+++ b/dsp/main.js
@@ -1,84 +1,84 @@
-import {Renderer, el} from '@elemaudio/core';
-import {RefMap} from './RefMap';
-import srvb from './srvb';
-
-
-// This project demonstrates writing a small FDN reverb effect in Elementary.
-//
-// First, we initialize a custom Renderer instance that marshals our instruction
-// batches through the __postNativeMessage__ function to direct the underlying native
-// engine.
-let core = new Renderer((batch) => {
-  __postNativeMessage__(JSON.stringify(batch));
-});
-
-// Next, a RefMap for coordinating our refs
-let refs = new RefMap(core);
-
-// Holding onto the previous state allows us a quick way to differentiate
-// when we need to fully re-render versus when we can just update refs
-let prevState = null;
-
-function shouldRender(prevState, nextState) {
-  return (prevState === null) || (prevState.sampleRate !== nextState.sampleRate);
-}
-
-// The important piece: here we register a state change callback with the native
-// side. This callback will be hit with the current processor state any time that
-// state changes.
-//
-// Given the new state, we simply update our refs or perform a full render depending
-// on the result of our `shouldRender` check.
-globalThis.__receiveStateChange__ = (serializedState) => {
-  const state = JSON.parse(serializedState);
-
-  if (shouldRender(prevState, state)) {
-    let stats = core.render(...srvb({
-      key: 'srvb',
-      sampleRate: state.sampleRate,
-      size: refs.getOrCreate('size', 'const', {value: state.size}, []),
-      decay: refs.getOrCreate('decay', 'const', {value: state.decay}, []),
-      mod: refs.getOrCreate('mod', 'const', {value: state.mod}, []),
-      mix: refs.getOrCreate('mix', 'const', {value: state.mix}, []),
-    }, el.in({channel: 0}), el.in({channel: 1})));
-
-    console.log(stats);
-  } else {
-    console.log('Updating refs');
-    refs.update('size', {value: state.size});
-    refs.update('decay', {value: state.decay});
-    refs.update('mod', {value: state.mod});
-    refs.update('mix', {value: state.mix});
-  }
-
-  prevState = state;
-};
-
-// NOTE: This is highly experimental and should not yet be relied on
-// as a consistent feature.
-//
-// This hook allows the native side to inject serialized graph state from
-// the running elem::Runtime instance so that we can throw away and reinitialize
-// the JavaScript engine and then inject necessary state for coordinating with
-// the underlying engine.
-globalThis.__receiveHydrationData__ = (data) => {
-  const payload = JSON.parse(data);
-  const nodeMap = core._delegate.nodeMap;
-
-  for (let [k, v] of Object.entries(payload)) {
-    nodeMap.set(parseInt(k, 16), {
-      symbol: '__ELEM_NODE__',
-      kind: '__HYDRATED__',
-      hash: parseInt(k, 16),
-      props: v,
-      generation: {
-        current: 0,
-      },
-    });
-  }
-};
-
-// Finally, an error callback which just logs back to native
-globalThis.__receiveError__ = (err) => {
-  console.log(`[Error: ${err.name}] ${err.message}`);
-};
+import {Renderer, el} from '@elemaudio/core';
+import {RefMap} from './RefMap';
+import srvb from './srvb';
+
+
+// This project demonstrates writing a small FDN reverb effect in Elementary.
+//
+// First, we initialize a custom Renderer instance that marshals our instruction
+// batches through the __postNativeMessage__ function to direct the underlying native
+// engine.
+let core = new Renderer((batch) => {
+  __postNativeMessage__(JSON.stringify(batch));
+});
+
+// Next, a RefMap for coordinating our refs
+let refs = new RefMap(core);
+
+// Holding onto the previous state allows us a quick way to differentiate
+// when we need to fully re-render versus when we can just update refs
+let prevState = null;
+
+function shouldRender(prevState, nextState) {
+  return (prevState === null) || (prevState.sampleRate !== nextState.sampleRate);
+}
+
+// The important piece: here we register a state change callback with the native
+// side. This callback will be hit with the current processor state any time that
+// state changes.
+//
+// Given the new state, we simply update our refs or perform a full render depending
+// on the result of our `shouldRender` check.
+globalThis.__receiveStateChange__ = (serializedState) => {
+  const state = JSON.parse(serializedState);
+
+  if (shouldRender(prevState, state)) {
+    let stats = core.render(...srvb({
+      key: 'srvb',
+      sampleRate: state.sampleRate,
+      size: refs.getOrCreate('size', 'const', {value: state.size}, []),
+      decay: refs.getOrCreate('decay', 'const', {value: state.decay}, []),
+      mod: refs.getOrCreate('mod', 'const', {value: state.mod}, []),
+      mix: refs.getOrCreate('mix', 'const', {value: state.mix}, []),
+    }, el.in({channel: 0}), el.in({channel: 1})));
+
+    console.log(stats);
+  } else {
+    console.log('Updating refs');
+    refs.update('size', {value: state.size});
+    refs.update('decay', {value: state.decay});
+    refs.update('mod', {value: state.mod});
+    refs.update('mix', {value: state.mix});
+  }
+
+  prevState = state;
+};
+
+// NOTE: This is highly experimental and should not yet be relied on
+// as a consistent feature.
+//
+// This hook allows the native side to inject serialized graph state from
+// the running elem::Runtime instance so that we can throw away and reinitialize
+// the JavaScript engine and then inject necessary state for coordinating with
+// the underlying engine.
+globalThis.__receiveHydrationData__ = (data) => {
+  const payload = JSON.parse(data);
+  const nodeMap = core._delegate.nodeMap;
+
+  for (let [k, v] of Object.entries(payload)) {
+    nodeMap.set(parseInt(k, 16), {
+      symbol: '__ELEM_NODE__',
+      kind: '__HYDRATED__',
+      hash: parseInt(k, 16),
+      props: v,
+      generation: {
+        current: 0,
+      },
+    });
+  }
+};
+
+// Finally, an error callback which just logs back to native
+globalThis.__receiveError__ = (err) => {
+  console.log(`[Error: ${err.name}] ${err.message}`);
+};
diff --git a/src/main.jsx b/src/main.jsx
index 3152a19..1613fe7 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -2,18 +2,16 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import Interface from './Interface.jsx'
 
-import createHooks from 'zustand'
-import createStore from 'zustand/vanilla'
+import { useStore } from 'zustand'
+import { createStore } from 'zustand/vanilla'
 
 import './index.css'
 
 
 // Initial state management
-const store = createStore(() => {});
-const useStore = createHooks(store);
-
+const store = createStore(() => { });
+const eventStore = createStore(() => { });
 const errorStore = createStore(() => ({ error: null }));
-const useErrorStore = createHooks(errorStore);
 
 // Interop bindings
 function requestParamValueUpdate(paramId, value) {
@@ -35,22 +33,21 @@ if (process.env.NODE_ENV !== 'production') {
   });
 }
 
-globalThis.__receiveStateChange__ = function(state) {
+globalThis.__receiveStateChange__ = function (state) {
   store.setState(JSON.parse(state));
 };
 
 globalThis.__receiveGraphEvents__ = function(eventBatch) {
   console.log(JSON.parse(eventBatch));
 };
-
 globalThis.__receiveError__ = (err) => {
   errorStore.setState({ error: err });
 };
 
 // Mount the interface
 function App(props) {
-  let state = useStore();
-  let {error} = useErrorStore();
+  let state = useStore(store);
+  let { error } = useStore(errorStore);
 
   return (
     <Interface