Use list state

React hook for immutable list state updates, including insertion, removal, reordering, and item updates.

Installation

bash

pnpm dlx shadcn@latest add @cs/use-list-state

tsx

import { useListState } from "@/hooks/cs/use-list-state"

tsx

const [items, handlers] = useListState(["first"])

handlers.append("second")

tsx

type UseListStateReturnValue = [T[], UseListStateHandlers<T>]

Manages an array with immutable update helpers.

Name	Type	Default	Description
initialValue *	T[] \| (() => T[])	-	-

Returns: UseListStateReturnValue<T>