fix: make hooks reactive

examples/geolocation/Cargo.toml

@@ -6,5 +6,5 @@ edition = "2021"
 [dependencies]
 dioxus-sdk = { workspace = true, features = ["geolocation"] }
 # You can change from 'desktop' to 'web' as well
-dioxus = { workspace = true, features = ["desktop"] } 
+dioxus = { workspace = true, features = ["web"] } 
 

examples/geolocation/src/main.rs

@@ -18,7 +18,7 @@ fn app() -> Element {
     });
     let latest_coords = use_geolocation();
 
-    let latest_coords = match latest_coords {
+    let latest_coords = match latest_coords() {
         Ok(v) => v,
         Err(e) => {
             let e = format!("Initializing: {:?}", e);

examples/use_window_size/README.md

@@ -2,6 +2,11 @@
 
 Learn how to use `use_window_size`.
 
-Run:
 
-```dioxus serve```
+### Run
+
+**Desktop**
+```dioxus serve --platform desktop```
+
+**Web**
+```dioxus serve --platform web```

examples/use_window_size/src/main.rs

@@ -17,8 +17,8 @@ fn app() -> Element {
             p { "Height: {initial_size().height}" }
 
             h3 { "Current Size" }
-            p { "Width: {window_size.width}" }
-            p { "Height: {window_size.height}" }
+            p { "Width: {window_size().width}" }
+            p { "Height: {window_size().height}" }
         }
     )
 }

sdk/src/geolocation/use_geolocation.rs

@@ -3,8 +3,8 @@
 use super::core::{Error, Event, Geocoordinates, Geolocator, PowerMode, Status};
 use dioxus::{
     prelude::{
-        provide_context, try_consume_context, use_coroutine, use_hook, use_signal, Signal,
-        UnboundedReceiver,
+        provide_context, try_consume_context, use_coroutine, use_hook, use_signal, ReadOnlySignal,
+        Signal, UnboundedReceiver,
     },
     signals::{Readable, Writable},
 };
@@ -14,19 +14,10 @@ use std::sync::Once;
 static INIT: Once = Once::new();
 
 /// Provides the latest geocoordinates. Good for navigation-type apps.
-pub fn use_geolocation() -> Result<Geocoordinates, Error> {
+pub fn use_geolocation() -> ReadOnlySignal<Result<Geocoordinates, Error>> {
     // Store the coords
     let mut coords: Signal<Result<Geocoordinates, Error>> =
         use_signal(|| Err(Error::NotInitialized));
-    let Some(geolocator) = try_consume_context::<Signal<Result<Geolocator, Error>>>() else {
-        return Err(Error::NotInitialized);
-    };
-    let geolocator = geolocator.read();
-
-    // Get geolocator
-    let Ok(geolocator) = geolocator.as_ref() else {
-        return Err(Error::NotInitialized);
-    };
 
     // Initialize the handler of events
     let listener = use_coroutine(|mut rx: UnboundedReceiver<Event>| async move {
@@ -43,13 +34,25 @@ pub fn use_geolocation() -> Result<Geocoordinates, Error> {
         }
     });
 
-    // Start listening
-    INIT.call_once(|| {
-        geolocator.listen(listener).ok();
-    });
+    // Try getting the geolocator and starting the listener.
+    match try_consume_context::<Signal<Result<Geolocator, Error>>>() {
+        Some(geo) => {
+            let geo = geo.read();
+            match geo.as_ref() {
+                Ok(geolocator) => {
+                    INIT.call_once(|| {
+                        geolocator.listen(listener).ok();
+                    });
+                }
+                Err(e) => coords.set(Err(e.clone())),
+            }
+        }
+        None => {
+            coords.set(Err(Error::NotInitialized));
+        }
+    }
 
-    // Get the result and return a clone
-    coords.read_unchecked().clone()
+    use_hook(|| ReadOnlySignal::new(coords))
 }
 
 /// Must be called before any use of the geolocation abstraction.

sdk/src/utils/window.rs

@@ -36,7 +36,7 @@ pub struct WindowSize {
 ///     }
 /// }
 /// ```
-pub fn use_window_size() -> WindowSize {
+pub fn use_window_size() -> ReadOnlySignal<WindowSize> {
     let mut window_size = use_signal(get_window_size);
 
     // Initialize the handler
@@ -48,7 +48,7 @@ pub fn use_window_size() -> WindowSize {
 
     listen(tx);
 
-    *window_size.read_unchecked()
+    use_hook(|| ReadOnlySignal::new(window_size))
 }
 
 // Listener for the web implementation.