diff --git a/backend/fastrtc/templates/component/index.js b/backend/fastrtc/templates/component/index.js
index 699dd88..b81254a 100644
--- a/backend/fastrtc/templates/component/index.js
+++ b/backend/fastrtc/templates/component/index.js
@@ -22474,9 +22474,9 @@ function Mp(n) {
 function Bp(n, e, t) {
   let { elem_id: r = "" } = e, { elem_classes: a = [] } = e, { visible: i = !0 } = e, { value: l = "__webrtc_value__" } = e, { button_labels: s } = e, { label: o } = e, { root: c } = e, { show_label: h } = e, { loading_status: m } = e, { height: f } = e, { width: p } = e, { server: v } = e, { container: w = !1 } = e, { scale: S = null } = e, { min_width: A = void 0 } = e, { gradio: b } = e, { rtc_configuration: y } = e, { time_limit: E = null } = e, { modality: F = "video" } = e, { mode: T = "send-receive" } = e, { rtp_params: z = {} } = e, { track_constraints: I = {} } = e, { icon: B = void 0 } = e, { icon_button_color: R = "var(--color-accent)" } = e, { pulse_color: L = "var(--color-accent)" } = e, { icon_radius: W = 50 } = e;
   const oe = (N) => {
-    (N == null ? void 0 : N.type) === "info" || (N == null ? void 0 : N.type) === "warning" || (N == null ? void 0 : N.type) === "error" ? b.dispatch(
+    console.log("on_change_cb", N), (N == null ? void 0 : N.type) === "info" || (N == null ? void 0 : N.type) === "warning" || (N == null ? void 0 : N.type) === "error" ? b.dispatch(
       (N == null ? void 0 : N.type) === "error" ? "error" : "warning",
-      N.data
+      (N == null ? void 0 : N.data) || (N == null ? void 0 : N.message)
     ) : (N == null ? void 0 : N.type) === "end_stream" ? b.dispatch("warning", N.data) : (N == null ? void 0 : N.type) === "fetch_output" ? b.dispatch("state_change") : (N == null ? void 0 : N.type) === "send_input" ? b.dispatch("tick") : (N == null ? void 0 : N.type) === "connection_timeout" && b.dispatch("warning", "Taking a while to connect. Are you on a VPN?"), N.type === "state_change" && b.dispatch(N === "change" ? "state_change" : "tick");
   }, q = (N) => {
     var le, qt;
diff --git a/docs/userguide/video.md b/docs/userguide/video.md
index 8d1b6ef..70a881e 100644
--- a/docs/userguide/video.md
+++ b/docs/userguide/video.md
@@ -40,6 +40,7 @@ and set the `mode="receive"` in the `WebRTC` component.
 === "Code"
     ``` py title="Server-To-Client"
     from fastrtc import Stream
+    import cv2
 
     def generation():
         url = "https://download.tsi.telecom-paristech.fr/gpac/dataset/dash/uhd/mux_sources/hevcds_720p30_2M.mp4"
diff --git a/frontend/Index.svelte b/frontend/Index.svelte
index c779e79..5f09ec7 100644
--- a/frontend/Index.svelte
+++ b/frontend/Index.svelte
@@ -47,7 +47,10 @@
       msg?.type === "warning" ||
       msg?.type === "error"
     ) {
-      gradio.dispatch(msg?.type === "error" ? "error" : "warning", msg.data);
+      gradio.dispatch(
+        msg?.type === "error" ? "error" : "warning",
+        msg?.data || msg?.message,
+      );
     } else if (msg?.type === "end_stream") {
       gradio.dispatch("warning", msg.data);
     } else if (msg?.type === "fetch_output") {