diff --git a/web/apps/cast/src/pages/index.tsx b/web/apps/cast/src/pages/index.tsx
index b12bf1e76..59df251db 100644
--- a/web/apps/cast/src/pages/index.tsx
+++ b/web/apps/cast/src/pages/index.tsx
@@ -16,7 +16,7 @@ export default function PairingMode() {
     const [codePending, setCodePending] = useState(true);
     const [isCastReady, setIsCastReady] = useState(false);
 
-    const { cast } = useCastReceiver();
+    const cast = useCastReceiver();
 
     useEffect(() => {
         init();
diff --git a/web/apps/cast/src/utils/useCastReceiver.tsx b/web/apps/cast/src/utils/useCastReceiver.tsx
index d8015befc..a2313fdd0 100644
--- a/web/apps/cast/src/utils/useCastReceiver.tsx
+++ b/web/apps/cast/src/utils/useCastReceiver.tsx
@@ -1,23 +1,21 @@
 /// <reference types="chromecast-caf-receiver" />
 import { useEffect, useState } from "react";
 
-type Receiver = {
-    cast: typeof cast;
-};
-
 /**
  * Load the Chromecast Web Receiver SDK and return a reference to the `cast`
  * global object that the SDK attaches to the window.
+ *
+ * https://developers.google.com/cast/docs/web_receiver/basic
  */
 export const useCastReceiver = () => {
-    const [receiver, setReceiver] = useState<Receiver | undefined>();
+    const [receiver, setReceiver] = useState<typeof cast | undefined>();
 
     useEffect(() => {
         const script = document.createElement("script");
         script.src =
             "https://www.gstatic.com/cast/sdk/libs/caf_receiver/v3/cast_receiver_framework.js";
 
-        script.addEventListener("load", () => setReceiver({ cast }));
+        script.addEventListener("load", () => setReceiver(cast));
         document.body.appendChild(script);
     }, []);