useSessionStorage

Reactive sessionStorage binding. Thin wrapper around useStorage with ObservablePersistSessionStorage as the persist plugin. Values persist only for the current browser session.

See useStorage for details and Legend-State persist & sync for advanced options.

Demo

wizard step1 / 5

BackNextReset

Usage

import { useSessionStorage } from "@usels/web";

function Component() {
  const step$ = useSessionStorage("wizard-step", 1);

  return (
    <div>
      <p>Step: {step$.get()}</p>
      <button onClick={() => step$.set(step$.get() + 1)}>Next</button>
    </div>
  );
}

Type Declarations

export declare function useSessionStorage<T>(key: string, defaults: T): Observable<T>;

Source

View on GitHub

Contributors

• tigerwest

Changelog

• a7392ab 2026-03-06 - feat(core,browser): add sync strategy hooks (tigerwest)