Documentation

useSessionStorage

Persist state to sessionStorage with SSR-safe implementation.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

"use client";

import { useSessionStorage } from "@rouf-dev/pantheon-ui";

export function WizardDemo() {
  const [step, setStep] = useSessionStorage('wizard-step', 1);

  return (
    <div>
      <p>Current step: {step}</p>
      <button onClick={() => setStep(step + 1)}>
        Next Step
      </button>
    </div>
  );
}

Parameters

key: sessionStorage key name

initialValue: Default value if key doesn't exist