merged changes from Baptiste

Closes #156

Cargo.toml

@@ -40,7 +40,12 @@ wasm-bindgen-futures = "0.4"
 web-sys = { version = "=0.3.70", optional = true }
 
 [dev-dependencies]
-codee = { version = "0.1", features = ["json_serde", "msgpack_serde", "base64", "prost"] }
+codee = { version = "0.1", features = [
+    "json_serde",
+    "msgpack_serde",
+    "base64",
+    "prost",
+] }
 getrandom = { version = "0.2", features = ["js"] }
 leptos_meta = { git = "https://github.com/leptos-rs/leptos" }
 rand = "0.8"

examples/Cargo.toml

@@ -7,13 +7,11 @@ members = [
     "signal_throttled",
     "sync_signal",
     "use_abs",
-    "use_active_element",
     "use_and",
     "use_breakpoints",
     "use_broadcast_channel",
     "use_ceil",
     "use_clipboard",
-    "use_color_mode",
     "use_cookie",
     "use_css_var",
     "use_cycle_list",
@@ -23,7 +21,6 @@ members = [
     "use_display_media",
     "use_document_visibility",
     "use_draggable",
-    "use_drop_zone",
     "use_element_bounding",
     "use_element_hover",
     "use_element_size",
@@ -61,18 +58,28 @@ members = [
     "use_user_media",
     "use_web_notification",
     "use_websocket",
-    "use_webtransport",
     "use_window_focus",
     "use_window_scroll",
     "watch_debounced",
     "watch_pausable",
     "watch_throttled",
+    # "use_active_element",
+    # "use_color_mode",
+    # "use_drop_zone",
+    # "use_webtransport",
 ]
 
-exclude = [
-    "ssr",
-    "use_webtransport_with_server",
-]
+exclude = ["ssr", "use_webtransport_with_server"]
+
+[workspace.dependencies]
+leptos = { git = "https://github.com/leptos-rs/leptos" }
+console_error_panic_hook = "0.1"
+console_log = "1"
+log = "0.4"
+leptos-use = { path = "..", features = ["docs"] }
+web-sys = "0.3"
+wasm-bindgen = "0.2"
+wasm-bindgen-test = "0.3.0"
 
 [package]
 name = "leptos-use-examples"

examples/on_click_outside/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["on_click_outside", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["on_click_outside", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/on_click_outside/src/main.rs

@@ -6,7 +6,7 @@ use leptos_use::on_click_outside;
 #[component]
 fn Demo() -> impl IntoView {
     let (show_modal, set_show_modal) = signal(false);
-    let modal_ref = create_node_ref::<Div>();
+    let modal_ref = NodeRef::<Div>::new();
 
     let _ = on_click_outside(modal_ref, move |_| set_show_modal.set(false));
 
@@ -78,7 +78,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/signal_debounced/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["signal_debounced", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["signal_debounced", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/signal_debounced/src/main.rs

@@ -26,7 +26,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/signal_throttled/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["signal_throttled", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["signal_throttled", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/signal_throttled/src/main.rs

@@ -26,7 +26,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/ssr/Cargo.toml

@@ -12,10 +12,14 @@ codee = "0.1"
 console_error_panic_hook = "0.1"
 console_log = "1"
 cfg-if = "1"
-leptos = { version = "0.6", features = ["nightly"] }
-leptos_axum = { version = "0.6", optional = true }
-leptos_meta = { version = "0.6", features = ["nightly"] }
-leptos_router = { version = "0.6", features = ["nightly"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = ["nightly"] }
+leptos_axum = { git = "https://github.com/leptos-rs/leptos", optional = true }
+leptos_meta = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+] }
+leptos_router = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+] }
 log = "0.4"
 simple_logger = "4"
 tokio = { version = "1", features = ["full"], optional = true }

examples/sync_signal/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["sync_signal", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["sync_signal", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/sync_signal/src/main.rs

@@ -19,7 +19,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_abs/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_abs/src/main.rs

@@ -27,7 +27,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_active_element/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["use_active_element", "docs"] }
 web-sys = { version = "0.3", features = ["HtmlElement", "DomStringMap"] }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_active_element/src/main.rs

@@ -33,7 +33,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_and/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_and/src/main.rs

@@ -11,7 +11,7 @@ fn Demo() -> impl IntoView {
 
     view! {
         <div class="px-6 py-4 rounded grid grid-cols-[100px_auto] gap-4">
-            <label for_="smooth-scrolling-option" class="text-right opacity-75">
+            <label for="smooth-scrolling-option" class="text-right opacity-75">
                 Input <code>A</code>
             </label>
             <span>
@@ -22,7 +22,7 @@ fn Demo() -> impl IntoView {
                     type="checkbox"
                 />
             </span>
-            <label for_="smooth-scrolling-option" class="text-right opacity-75">
+            <label for="smooth-scrolling-option" class="text-right opacity-75">
                 Input <code>B</code>
             </label>
             <span>
@@ -43,7 +43,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_breakpoints/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_breakpoints", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_breakpoints", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_breakpoints/src/main.rs

@@ -207,7 +207,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_broadcast_channel/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 codee = "0.1"
 console_error_panic_hook = "0.1"
 console_log = "1"
@@ -13,5 +16,5 @@ leptos-use = { path = "../..", features = ["use_broadcast_channel", "docs"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_broadcast_channel/src/main.rs

@@ -57,7 +57,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_ceil/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_ceil/src/main.rs

@@ -27,7 +27,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_clipboard/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_clipboard", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_clipboard", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_clipboard/src/main.rs

@@ -46,7 +46,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_color_mode/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_color_mode", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_color_mode", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_color_mode/src/main.rs

@@ -40,7 +40,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_cookie/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 codee = "0.1"
 console_error_panic_hook = "0.1"
 console_log = "1"
@@ -15,5 +18,5 @@ getrandom = { version = "0.2", features = ["js"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_cookie/src/main.rs

@@ -1,7 +1,7 @@
+use codee::string::FromToStringCodec;
 use leptos::prelude::*;
 use leptos_use::docs::demo_or_body;
 use leptos_use::use_cookie;
-use codee::string::FromToStringCodec;
 use rand::prelude::*;
 
 #[component]
@@ -40,7 +40,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_css_var/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_css_var", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_color_mode", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_css_var/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::{use_css_var_with_options, UseCssVarOptions};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
     let (color, set_color) =
         use_css_var_with_options("--color", UseCssVarOptions::default().target(el));
     let switch_color = move |_| {
@@ -16,7 +16,7 @@ fn Demo() -> impl IntoView {
         }
     };
 
-    let elv = create_node_ref::<Div>();
+    let elv = NodeRef::<Div>::new();
     let (key, set_key) = signal("--color".to_string());
     let (color_val, _) = use_css_var_with_options(key, UseCssVarOptions::default().target(elv));
     let change_var = move |_| {
@@ -58,7 +58,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_cycle_list/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_cycle_list", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_cycle_list", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_cycle_list/src/main.rs

@@ -23,7 +23,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_debounce_fn/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_debounce_fn", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_debounce_fn", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_debounce_fn/src/main.rs

@@ -31,7 +31,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_device_orientation/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_device_orientation", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_device_orientation", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_device_orientation/src/main.rs

@@ -29,7 +29,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_device_pixel_ratio/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_device_pixel_ratio", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_device_pixel_ratio", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_device_pixel_ratio/src/main.rs

@@ -18,7 +18,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_display_media/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_display_media", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_display_media", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_display_media/src/main.rs

@@ -4,7 +4,7 @@ use leptos_use::{use_display_media, UseDisplayMediaReturn};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let video_ref = create_node_ref::<leptos::html::Video>();
+    let video_ref = NodeRef::<leptos::html::Video>::new();
 
     let UseDisplayMediaReturn {
         stream,
@@ -13,17 +13,25 @@ fn Demo() -> impl IntoView {
         ..
     } = use_display_media();
 
-    create_effect(move |_| {
+    Effect::new(move |_| {
         match stream.get() {
             Some(Ok(s)) => {
-                video_ref.get().map(|v| v.set_src_object(Some(&s)));
+                video_ref.with(|v| {
+                    if let Some(v) = v {
+                        v.set_src_object(Some(&s));
+                    }
+                });
                 return;
             }
-            Some(Err(e)) => logging::error!("Failed to get media stream: {:?}", e),
-            None => logging::log!("No stream yet"),
+            Some(Err(e)) => leptos::logging::error!("Failed to get media stream: {:?}", e),
+            None => leptos::logging::log!("No stream yet"),
         }
 
-        video_ref.get().map(|v| v.set_src_object(None));
+        video_ref.with(|v| {
+            if let Some(v) = v {
+                v.set_src_object(None);
+            }
+        });
     });
 
     view! {
@@ -51,7 +59,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_document_visibility/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_document_visibility", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_document_visibility", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_document_visibility/src/main.rs

@@ -9,7 +9,7 @@ fn Demo() -> impl IntoView {
     let (message, set_message) = signal(start_message);
     let visibility = use_document_visibility();
 
-    let _ = watch(
+    Effect::watch(
         visibility,
         move |cur, prev, _| {
             if let Some(prev) = prev {
@@ -37,7 +37,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_draggable/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_draggable", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_draggable", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_draggable/src/main.rs

@@ -6,7 +6,7 @@ use leptos_use::{use_draggable_with_options, use_window, UseDraggableOptions, Us
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
 
     let inner_width = use_window()
         .as_ref()
@@ -40,7 +40,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_drop_zone/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_drop_zone", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_drop_zone", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_drop_zone/src/main.rs

@@ -7,7 +7,7 @@ use leptos_use::{use_drop_zone_with_options, UseDropZoneOptions, UseDropZoneRetu
 fn Demo() -> impl IntoView {
     let (dropped, set_dropped) = signal(false);
 
-    let drop_zone_el = create_node_ref::<Div>();
+    let drop_zone_el = NodeRef::<Div>::new();
 
     let UseDropZoneReturn {
         is_over_drop_zone,
@@ -50,7 +50,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_element_bounding/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_element_bounding", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_element_bounding", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_element_bounding/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::{use_element_bounding, UseElementBoundingReturn};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Textarea>();
+    let el = NodeRef::<Textarea>::new();
 
     let UseElementBoundingReturn {
         width,
@@ -48,7 +48,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_element_hover/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_element_hover", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_element_hover", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_element_hover/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::{use_element_hover_with_options, UseElementHoverOptions};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Button>();
+    let el = NodeRef::<Button>::new();
 
     let is_hovered = use_element_hover_with_options(
         el,
@@ -25,7 +25,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_element_size/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_element_size", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_element_size", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_element_size/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::{use_element_size, UseElementSizeReturn};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Textarea>();
+    let el = NodeRef::<Textarea>::new();
 
     let UseElementSizeReturn { width, height } = use_element_size(el);
 
@@ -26,7 +26,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_element_visibility/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_element_visibility", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_element_visibility", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_element_visibility/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::use_element_visibility;
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
 
     let is_visible = use_element_visibility(el);
 
@@ -32,7 +32,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_event_listener/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["use_event_listener"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_event_listener/src/main.rs

@@ -10,7 +10,7 @@ fn Demo() -> impl IntoView {
         log!("window keydown: '{}'", evt.key());
     });
 
-    let element = create_node_ref::<A>();
+    let element = NodeRef::<A>::new();
 
     let _ = use_event_listener(element, click, |evt| {
         log!(
@@ -61,7 +61,7 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to_body(|| {
+    leptos::mount::mount_to_body(|| {
         view! { <Demo/> }
     })
 }

examples/use_favicon/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_favicon", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_favicon", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_favicon/src/main.rs

@@ -105,7 +105,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_floor/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_floor/src/main.rs

@@ -27,7 +27,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_geolocation/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_geolocation", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_geolocation", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_geolocation/src/main.rs

@@ -53,7 +53,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_idle/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_idle", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_idle", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_idle/src/main.rs

@@ -26,7 +26,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_infinite_scroll/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_infinite_scroll", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_infinite_scroll", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_infinite_scroll/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::{use_infinite_scroll_with_options, UseInfiniteScrollOptions};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
 
     let (data, set_data) = signal(vec![1, 2, 3, 4, 5, 6]);
 
@@ -34,7 +34,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_intersection_observer/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_intersection_observer", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_intersection_observer", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_intersection_observer/src/main.rs

@@ -8,8 +8,8 @@ use leptos_use::{
 
 #[component]
 fn Demo() -> impl IntoView {
-    let root = create_node_ref::<Div>();
-    let target = create_node_ref::<Div>();
+    let root = NodeRef::<Div>::new();
+    let target = NodeRef::<Div>::new();
     let (is_visible, set_visible) = signal(false);
 
     let UseIntersectionObserverReturn {
@@ -95,7 +95,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_interval/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_interval", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_interval", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_interval/src/main.rs

@@ -17,7 +17,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_interval_fn/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["use_interval_fn", "docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_interval_fn/src/main.rs

@@ -66,7 +66,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_intl_number_format/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_intl_number_format", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_intl_number_format", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_intl_number_format/src/main.rs

@@ -50,7 +50,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_locale/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -13,5 +16,5 @@ unic-langid = { version = "0.9", features = ["macros"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_locale/src/main.rs

@@ -1,4 +1,4 @@
-use leptos::*;
+use leptos::prelude::*;
 use leptos_use::docs::demo_or_body;
 use leptos_use::use_locale;
 use unic_langid::langid_slice;
@@ -16,7 +16,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_locales/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_locales", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_locales", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_locales/src/main.rs

@@ -1,4 +1,4 @@
-use leptos::*;
+use leptos::prelude::*;
 use leptos_use::docs::demo_or_body;
 use leptos_use::use_locales;
 
@@ -15,7 +15,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_media_query/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_media_query", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_media_query", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_media_query/src/main.rs

@@ -17,7 +17,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_mouse/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_mouse", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_mouse", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_mouse/src/main.rs

@@ -23,7 +23,7 @@ impl UseMouseEventExtractor for Extractor {
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
 
     let mouse_default = use_mouse();
 
@@ -74,7 +74,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_mouse_in_element/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_mouse_in_element", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_mouse_in_element", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_mouse_in_element/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::{use_mouse_in_element, UseMouseInElementReturn};
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
 
     let UseMouseInElementReturn {
         x,
@@ -47,7 +47,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_mutation_observer/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_mutation_observer", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_mutation_observer", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_mutation_observer/src/main.rs

@@ -6,7 +6,7 @@ use std::time::Duration;
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Div>();
+    let el = NodeRef::<Div>::new();
     let (messages, set_messages) = signal(vec![]);
     let (class_name, set_class_name) = signal(String::new());
     let (style, set_style) = signal(String::new());
@@ -58,7 +58,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_not/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_not/src/main.rs

@@ -9,7 +9,7 @@ fn Demo() -> impl IntoView {
 
     view! {
         <div class="px-6 py-4 rounded grid grid-cols-[100px_auto] gap-4">
-            <label for_="smooth-scrolling-option" class="text-right opacity-75">
+            <label for="smooth-scrolling-option" class="text-right opacity-75">
                 Input <code>A</code>
             </label>
             <span>
@@ -30,7 +30,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_or/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_or/src/main.rs

@@ -11,7 +11,7 @@ fn Demo() -> impl IntoView {
 
     view! {
         <div class="px-6 py-4 rounded grid grid-cols-[100px_auto] gap-4">
-            <label for_="smooth-scrolling-option" class="text-right opacity-75">
+            <label for="smooth-scrolling-option" class="text-right opacity-75">
                 Input <code>A</code>
             </label>
             <span>
@@ -22,7 +22,7 @@ fn Demo() -> impl IntoView {
                     type="checkbox"
                 />
             </span>
-            <label for_="smooth-scrolling-option" class="text-right opacity-75">
+            <label for="smooth-scrolling-option" class="text-right opacity-75">
                 Input <code>B</code>
             </label>
             <span>
@@ -43,7 +43,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_permission/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_permission", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_permission", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_permission/src/main.rs

@@ -22,6 +22,7 @@ fn Demo() -> impl IntoView {
 
     view! {
         <pre>
+            <>
             "accelerometer: " {move || accelerometer().to_string()}
             "\naccessibility_events: " {move || accessibility_events().to_string()}
             "\nambient_light_sensor: " {move || ambient_light_sensor().to_string()}
@@ -30,6 +31,7 @@ fn Demo() -> impl IntoView {
             "\nclipboard_read: " {move || clipboard_read().to_string()}
             "\nclipboard_write: " {move || clipboard_write().to_string()}
             "\ngyroscope: " {move || gyroscope().to_string()}
+            </><>
             "\nmagnetometer: " {move || magnetometer().to_string()}
             "\nmicrophone: " {move || microphone().to_string()}
             "\nnotifications: " {move || notifications().to_string()}
@@ -37,6 +39,7 @@ fn Demo() -> impl IntoView {
             "\npersistent_storage: " {move || persistent_storage().to_string()}
             "\npush: " {move || push().to_string()}
             "\nspeaker: " {move || speaker().to_string()}
+            </>
         </pre>
     }
 }
@@ -45,7 +48,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_prefers_reduced_motion/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_prefers_reduced_motion", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_prefers_reduced_motion", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_prefers_reduced_motion/src/main.rs

@@ -1,4 +1,4 @@
-use leptos::*;
+use leptos::prelude::*;
 use leptos_use::docs::{demo_or_body, BooleanDisplay};
 use leptos_use::use_prefers_reduced_motion;
 
@@ -23,7 +23,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_raf_fn/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_raf_fn", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_raf_fn", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_raf_fn/src/main.rs

@@ -29,7 +29,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_resize_observer/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
-console_error_panic_hook = "0.1"
-console_log = "1"
-log = "0.4"
-leptos-use = { path = "../..", features = ["use_resize_observer", "docs"] }
-web-sys = "0.3"
+leptos = { workspace = true, features = ["nightly", "csr"] }
+console_error_panic_hook = { workspace = true }
+console_log = { workspace = true }
+log = { workspace = true }
+leptos-use = { workspace = true, features = ["use_resize_observer", "docs"] }
+web-sys = { workspace = true }
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }

examples/use_resize_observer/src/main.rs

@@ -5,7 +5,7 @@ use leptos_use::use_resize_observer;
 
 #[component]
 fn Demo() -> impl IntoView {
-    let el = create_node_ref::<Textarea>();
+    let el = NodeRef::<Textarea>::new();
     let (text, set_text) = signal("".to_string());
 
     use_resize_observer(el, move |entries, _| {
@@ -32,7 +32,9 @@ fn main() {
     _ = console_log::init_with_level(log::Level::Debug);
     console_error_panic_hook::set_once();
 
-    mount_to(demo_or_body(), || {
+    let unmount_handle = leptos::mount::mount_to(demo_or_body(), || {
         view! { <Demo/> }
-    })
+    });
+
+    unmount_handle.forget();
 }

examples/use_round/Cargo.toml

@@ -4,7 +4,10 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-leptos = { version = "0.6", features = ["nightly", "csr"] }
+leptos = { git = "https://github.com/leptos-rs/leptos", features = [
+    "nightly",
+    "csr",
+] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
@@ -12,5 +15,5 @@ leptos-use = { path = "../..", features = ["docs", "math"] }
 web-sys = "0.3"
 
 [dev-dependencies]
-wasm-bindgen = "0.2"
-wasm-bindgen-test = "0.3.0"
+wasm-bindgen = { workspace = true }
+wasm-bindgen-test = { workspace = true }