Skip to content
aq-ui
Back to HooksHook

Use Local Storage

Open-code aq-ui React hook for Use Local Storage.

Installation

pnpm dlx aq-ui@alpha add use-local-storage

API reference

Client module

Import the parts you need, then jump to an export for its contract.

View full source

Quick start

"use client"

import { useLocalStorage } from "@/hooks/use-local-storage"

LocalStorageOptions

typeSource L9

Type contract for LocalStorageOptions.

type LocalStorageOptions<T> = StorageOptions<T>

LocalStorageSetter

typeSource L10

Type contract for LocalStorageSetter.

type LocalStorageSetter<T> = StorageSetter<T>

useLocalStorage

functionSource L12

Open-code aq-ui React hook for Use Local Storage.

function useLocalStorage<T>(key: string, initialValue: T | (() => T), options?: LocalStorageOptions<T>): [T, LocalStorageSetter<T>, () => void]
Returns
[T, LocalStorageSetter<T>, () => void]

Parameters

NameType
keystring
initialValueT | (() => T)
options?LocalStorageOptions<T>

Registry dependencies

hook-storage

Files

  • hooks/use-local-storage.ts

Source