useSessionStorageState

State Management

A React hook that manages state synchronized with sessionStorage, persisting data across page refreshes but clearing when the tab closes.

Installation

npm install @thibault.sh/hooks

function useSessionStorageState<T>(
  key: string, 
  initialValue: T
): [T, (value: T | ((val: T) => T)) => void]

Name	Type	Description	Default
`key`	string	The sessionStorage key to store the value under.	-
`initialValue`	T	The default value used when no stored value exists.	-

[T, (value: T | ((val: T) => T)) => void]

A tuple containing the current stored value and a setter function.

Property	Type	Description
`[0]`	T	The current stored value (or initial value if none exists).
`[1]`	(value: T \| ((val: T) => T)) => void	A setter function that updates both state and sessionStorage.