diff --git a/packages/react/package.json b/packages/react/package.json
index d3ca8146..6d89e5d5 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -39,7 +39,10 @@
   "dependencies": {
     "@codemirror/lang-javascript": "^0.19.0",
     "react-codemirror6": "^1.1.0",
-    "react-hook-inview": "^4.5.0"
+    "react-hook-inview": "^4.5.0",
+    "@strudel.cycles/core": "*",
+    "@strudel.cycles/tone": "*",
+    "@strudel.cycles/eval": "*"
   },
   "peerDependencies": {
     "react": "^17.0.2",
diff --git a/packages/react/src/components/Icon.tsx b/packages/react/src/components/Icon.tsx
index 85f08f6e..0ae722a3 100644
--- a/packages/react/src/components/Icon.tsx
+++ b/packages/react/src/components/Icon.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 export function Icon({ type }) {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" className="sc-h-5 sc-w-5" viewBox="0 0 20 20" fill="currentColor">