fix: automatically reconnect after losing a WebSocket connection

src/hooks/mod.rs

@@ -22,17 +22,19 @@ fn use_on_document_visibility_change(mut callback: impl FnMut() + 'static) {
         spawn(async move {
             let mut eval = document::eval(
                 r#"
-            document.addEventListener("visibilitychange", () => {
+                document.addEventListener("visibilitychange", () => {
-                dioxus.send(0);
+                if (!document.hidden) {
-            });
+                    dioxus.send(0);
+                }
+                });
 
-            // window.addEventListener("focus", () => resume());
+                // window.addEventListener("focus", () => resume());
 
-            // Keep this eval alive so dioxus.send keeps working.
+                // Keep this eval alive so dioxus.send keeps working.
-            // while (true) {
+                // while (true) {
-            //  await new Promise(r => setTimeout(r, 3600_000));
+                //  await new Promise(r => setTimeout(r, 3600_000));
-            // }
+                // }
-            "#,
+                "#,
             );
             loop {
                 eval.recv::<u8>()