diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
new file mode 100644
index 0000000..3bcbe0b
--- /dev/null
+++ b/.github/workflows/tests.yml
@@ -0,0 +1,34 @@
+on:
+  pull_request:
+  workflow_dispatch:
+
+name: Tests
+
+permissions: write-all
+
+jobs:
+  tests:
+    name: Tests
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions-rs/toolchain@v1
+        with:
+          toolchain: nightly
+          profile: minimal
+          override: true
+          components: rustfmt, clippy, rust-src
+      - name: Cache
+        uses: Swatinem/rust-cache@v2
+      - name: Check function count badge
+        run: python3 docs/generate_count_badge.py --check
+      - name: Check formatting
+        run: cargo fmt --check
+# TODO: this action doesn't seem to work
+#      - name: Clippy check
+#        uses: auguwu/clippy-action@1.1.2
+#        with:
+#          args: --all-features --tests
+#          token: ${{ secrets.GITHUB_TOKEN }}
+      - name: Run tests
+        run: cargo test --all-features
diff --git a/src/on_click_outside.rs b/src/on_click_outside.rs
index c9bc694..5167099 100644
--- a/src/on_click_outside.rs
+++ b/src/on_click_outside.rs
@@ -25,11 +25,12 @@ static IOS_WORKAROUND: RwLock<bool> = RwLock::new(false);
 /// ```
 /// # use leptos::*;
 /// # use leptos::ev::resize;
+/// # use leptos::html::Div;
 /// # use leptos_use::on_click_outside;
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let target = create_node_ref(cx);
+/// let target = create_node_ref::<Div>(cx);
 ///
 /// on_click_outside(cx, target, move |event| { log!("{:?}", event); });
 ///
diff --git a/src/use_css_var.rs b/src/use_css_var.rs
index 4b3c346..88ddccd 100644
--- a/src/use_css_var.rs
+++ b/src/use_css_var.rs
@@ -48,11 +48,12 @@ use wasm_bindgen::{JsCast, JsValue};
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Div;
 /// # use leptos_use::{use_css_var_with_options, UseCssVarOptions};
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let el = create_node_ref(cx);
+/// let el = create_node_ref::<Div>(cx);
 ///
 /// let (color, set_color) = use_css_var_with_options(
 ///     cx,
diff --git a/src/use_element_hover.rs b/src/use_element_hover.rs
index f6a6be7..349b8ca 100644
--- a/src/use_element_hover.rs
+++ b/src/use_element_hover.rs
@@ -17,11 +17,12 @@ use web_sys::AddEventListenerOptions;
 ///
 /// ```
 /// # use leptos::*;
-/// use leptos_use::use_element_hover;
+/// # use leptos::html::Button;
+/// # use leptos_use::use_element_hover;
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let el = create_node_ref(cx);
+/// let el = create_node_ref::<Button>(cx);
 /// let is_hovered = use_element_hover(cx, el);
 ///
 /// view! { cx,
diff --git a/src/use_element_visibility.rs b/src/use_element_visibility.rs
index 1551cdf..7e576ea 100644
--- a/src/use_element_visibility.rs
+++ b/src/use_element_visibility.rs
@@ -14,11 +14,12 @@ use std::marker::PhantomData;
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Div;
 /// # use leptos_use::use_element_visibility;
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let el = create_node_ref(cx);
+/// let el = create_node_ref::<Div>(cx);
 ///
 /// let is_visible = use_element_visibility(cx, el);
 ///
diff --git a/src/use_intersection_observer.rs b/src/use_intersection_observer.rs
index 6056cb2..cbef635 100644
--- a/src/use_intersection_observer.rs
+++ b/src/use_intersection_observer.rs
@@ -19,11 +19,12 @@ use wasm_bindgen::prelude::*;
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Div;
 /// # use leptos_use::use_intersection_observer;
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let el = create_node_ref(cx);
+/// let el = create_node_ref::<Div>(cx);
 /// let (is_visible, set_visible) = create_signal(cx, false);
 ///
 /// use_intersection_observer(
diff --git a/src/use_mouse.rs b/src/use_mouse.rs
index 13412f4..bade31b 100644
--- a/src/use_mouse.rs
+++ b/src/use_mouse.rs
@@ -53,6 +53,7 @@ use web_sys::AddEventListenerOptions;
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Div;
 /// use web_sys::MouseEvent;
 /// use leptos_use::{use_mouse_with_options, UseMouseOptions, UseMouseReturn, UseMouseEventExtractor, UseMouseCoordType};
 ///
@@ -69,7 +70,7 @@ use web_sys::AddEventListenerOptions;
 ///
 /// #[component]
 /// fn Demo(cx: Scope) -> impl IntoView {
-///     let element = create_node_ref(cx);
+///     let element = create_node_ref::<Div>(cx);
 ///
 ///     let UseMouseReturn {
 ///         x, y, source_type, ..
diff --git a/src/use_mutation_observer.rs b/src/use_mutation_observer.rs
index 511c851..46f42ab 100644
--- a/src/use_mutation_observer.rs
+++ b/src/use_mutation_observer.rs
@@ -18,11 +18,12 @@ use web_sys::MutationObserverInit;
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Pre;
 /// # use leptos_use::use_mutation_observer_with_options;
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let el = create_node_ref(cx);
+/// let el = create_node_ref::<Pre>(cx);
 /// let (text, set_text) = create_signal(cx, "".to_string());
 ///
 /// let mut init = web_sys::MutationObserverInit::new();
diff --git a/src/use_scroll.rs b/src/use_scroll.rs
index f309a00..e22bff1 100644
--- a/src/use_scroll.rs
+++ b/src/use_scroll.rs
@@ -19,11 +19,12 @@ use wasm_bindgen::JsCast;
 /// ```
 /// # use leptos::*;
 /// # use leptos::ev::resize;
+/// # use leptos::html::Div;
 /// # use leptos_use::{use_scroll, UseScrollReturn};
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let element = create_node_ref(cx);
+/// let element = create_node_ref::<Div>(cx);
 ///
 /// let UseScrollReturn {
 ///     x, y, set_x, set_y, is_scrolling, arrived_state, directions, ..
@@ -42,12 +43,13 @@ use wasm_bindgen::JsCast;
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Div;
 /// # use leptos::ev::resize;
 /// # use leptos_use::{use_scroll_with_options, UseScrollReturn, UseScrollOptions, ScrollOffset};
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// # let element = create_node_ref(cx);
+/// # let element = create_node_ref::<Div>(cx);
 /// #
 /// let UseScrollReturn {
 ///     x,
@@ -81,12 +83,13 @@ use wasm_bindgen::JsCast;
 ///
 /// ```
 /// # use leptos::*;
+/// # use leptos::html::Div;
 /// # use leptos::ev::resize;
 /// # use leptos_use::{use_scroll, UseScrollReturn};
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// let element = create_node_ref(cx);
+/// let element = create_node_ref::<Div>(cx);
 ///
 /// let UseScrollReturn {
 ///     x, y, set_x, set_y, ..
@@ -109,11 +112,12 @@ use wasm_bindgen::JsCast;
 /// ```
 /// # use leptos::*;
 /// # use leptos::ev::resize;
+/// # use leptos::html::Div;
 /// # use leptos_use::{use_scroll_with_options, UseScrollReturn, UseScrollOptions, ScrollBehavior};
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// # let element = create_node_ref(cx);
+/// # let element = create_node_ref::<Div>(cx);
 /// #
 /// let UseScrollReturn {
 ///     x, y, set_x, set_y, ..
@@ -123,9 +127,9 @@ use wasm_bindgen::JsCast;
 ///     UseScrollOptions::default().behavior(ScrollBehavior::Smooth),
 /// );
 /// #
-/// #     view! { cx,
-/// #         <div node_ref=element>"..."</div>
-/// #     }
+/// # view! { cx,
+/// #     <div node_ref=element>"..."</div>
+/// # }
 /// # }
 /// ```
 ///
@@ -134,11 +138,12 @@ use wasm_bindgen::JsCast;
 /// ```
 /// # use leptos::*;
 /// # use leptos::ev::resize;
+/// # use leptos::html::Div;
 /// # use leptos_use::{use_scroll_with_options, UseScrollReturn, UseScrollOptions, ScrollBehavior};
 /// #
 /// # #[component]
 /// # fn Demo(cx: Scope) -> impl IntoView {
-/// # let element = create_node_ref(cx);
+/// # let element = create_node_ref::<Div>(cx);
 /// #
 /// let (smooth, set_smooth) = create_signal(cx, false);
 ///
@@ -154,9 +159,9 @@ use wasm_bindgen::JsCast;
 ///     UseScrollOptions::default().behavior(behavior),
 /// );
 /// #
-/// #     view! { cx,
-/// #         <div node_ref=element>"..."</div>
-/// #     }
+/// # view! { cx,
+/// #     <div node_ref=element>"..."</div>
+/// # }
 /// # }
 /// ```
 pub fn use_scroll<El, T>(cx: Scope, element: El) -> UseScrollReturn