useThemeEffect | @wrksz/themes

useThemeEffect works like useEffect, but for theme transitions.

Skips the very first render.
Runs when theme or resolvedTheme changes.
Supports cleanup functions.
Supports dependency arrays for caller-specific values.

"use client";
import { useThemeEffect } from "@wrksz/themes/client";

export function ThemeAnalytics() {
  useThemeEffect((theme, resolvedTheme) => {
    trackThemeChange(theme, resolvedTheme);
    return () => cancelPendingRequests();
  }, []);

  return null;
}

Parameters

effect

(theme, resolvedTheme) => void| (() => void)

Callback run after mount on theme changes

deps

DependencyList

Optional dependency list, same semantics as useEffect

theme may be "system", while resolvedTheme is the concrete applied value.