From 5587947c7e4539bbb087ad18f2171f6ddb4d27be Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sat, 20 Nov 2021 20:41:22 -0800
Subject: [PATCH] Try fixing some type errors

---
 packages/webamp/demo/js/index.tsx | 6 +++++-
 packages/webamp/tsconfig.json     | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/webamp/demo/js/index.tsx b/packages/webamp/demo/js/index.tsx
index 7cf66ef7..cc293562 100644
--- a/packages/webamp/demo/js/index.tsx
+++ b/packages/webamp/demo/js/index.tsx
@@ -159,7 +159,11 @@ async function main() {
     if (backgroundColor != null) {
       window.document.body.style.backgroundColor = backgroundColor;
     }
-    const root = ReactDOM.createRoot(document.getElementById("demo-desktop"));
+    const div = document.getElementById("demo-desktop");
+    if (div == null) {
+      throw new Error("Could not locate #demo-desktop div");
+    }
+    const root = ReactDOM.createRoot(div);
     root.render(
       <DemoDesktop webamp={webamp} soundCloudPlaylist={soundcloudPlaylist} />
     );
diff --git a/packages/webamp/tsconfig.json b/packages/webamp/tsconfig.json
index a7279681..f02dc7e6 100644
--- a/packages/webamp/tsconfig.json
+++ b/packages/webamp/tsconfig.json
@@ -10,7 +10,8 @@
     "strict": true,
     "jsx": "preserve",
     "noEmit": true,
-    "pretty": true
+    "pretty": true,
+    "types": ["react/experimental", "react-dom/experimental"]
   },
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules", "demo/built"]