54:Tbc6,## useLocalStorageState(key, options?) ### Description A React hook that persists state in `localStorage`. It is API-compatible with `useState()` for the first two tuple elements and returns a third element with persistence controls. Built on `useSyncExternalStore` with module-level coordination between instances and an in-memory fallback for when `localStorage` is unavailable. ### Signature ```ts export default function useLocalStorageState( key: string, options?: LocalStorageOptions, ): LocalStorageState export default function useLocalStorageState( key: string, options?: Omit, 'defaultValue'>, ): LocalStorageState export default function useLocalStorageState( key: string, options?: LocalStorageOptions, ): LocalStorageState export default function useLocalStorageState( key: string, options?: LocalStorageOptions, ): LocalStorageState ``` ### Parameters - **key** (`string`) - Required - The localStorage key to persist the state under. - **options** (`LocalStorageOptions`) - Optional - Configuration options for the hook. #### Options - **defaultValue** (`T | undefined | (() => T | undefined)`) - Optional - The default value to use when no stored value exists. - **defaultServerValue** (`T | undefined | (() => T | undefined)`) - Optional - The default value to use during server-side rendering. - **storageSync** (`boolean`) - Optional - Whether to sync state across browser tabs. - **serializer** (`{ stringify: (value: unknown) => string, parse: (value: string) => unknown }`) - Optional - Custom serializer for the stored value. ### Return Value Returns a tuple `[value, setValue, controls]` where: - **value** (`T`) - The current state value. - **setValue** (`Dispatch>`) - A function to update the state, accepting a new value or an updater function. - **controls** (`{ isPersistent: boolean, removeItem: () => void }`) - An object with persistence controls: - **isPersistent** (`boolean`) - Whether the state is persisted to localStorage. - **removeItem** (`() => void`) - Removes the stored item from localStorage. ### Overload Resolution | Overload | Matches when | Resulting value type | |---|---|---| | 1 | Called without a `defaultValue` and without an explicit type argument | `unknown` | | 2 | Options are passed that omit `defaultValue` (e.g. only `storageSync` or `serializer`) | `T \| undefined` | | 3 | A `defaultValue` is provided (or an explicit type argument) | `T` | ### Type Aliases ```ts type LocalStorageOptions = { defaultValue?: T | (() => T) defaultServerValue?: T | (() => T) storageSync?: boolean serializer?: { stringify: (value: unknown) => string parse: (value: string) => unknown } } type LocalStorageState = [ T, Dispatch>, { isPersistent: boolean removeItem: () => void }, ] ```55:T4e6,## useLocalStorageState ### Description A React hook that provides a stateful value backed by localStorage. It returns a tuple with the current state and a setter function, similar to useState, but the state is persisted to localStorage. ### Import ```ts import useLocalStorageState from 'use-local-storage-state' ``` ### Usage ```tsx import React from 'react' import useLocalStorageState from 'use-local-storage-state' export default function Theme() { const [theme, setTheme] = useLocalStorageState<'light' | 'dark'>('theme', { defaultValue: 'light', }) return ( ) } ``` ### Parameters - **key** (string) - Required - The localStorage key to store the state under. - **options** (LocalStorageOptions) - Optional - Options object, including `defaultValue` for the initial value. ### Returns - **state** (LocalStorageState) - The current state value. - **setState** (function) - A function to update the state, similar to React's setState. ### Notes - Requires React 18 or higher (peerDependencies: `react >= 18`, `react-dom >= 18`). - The package is ESM-only and tree-shakeable (`"sideEffects": false`).53:{"contextType":"code","snippets":[{"codeTitle":"Install use-local-storage-state for React 18 and above","codeDescription":"Install the latest version of the hook for React 18 and above.","codeLanguage":"bash","codeTokens":44,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/readme.md#_snippet_0","pageTitle":"Unknown","codeList":[{"language":"bash","code":"npm install use-local-storage-state"}],"relevance":0.03306011,"generationDate":"2026-10-11T02:52:27.918Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Install use-local-storage-state@17 for React 17 and below","codeDescription":"Install version 17 of the hook for React 17 and below. For documentation, see the react-17 branch.","codeLanguage":"bash","codeTokens":58,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/readme.md#_snippet_1","pageTitle":"Unknown","codeList":[{"language":"bash","code":"npm install use-local-storage-state@17"}],"relevance":0.032002047,"generationDate":"2026-10-11T02:52:27.918Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Usage example with useLocalStorageState","codeDescription":"Example of using the hook to manage a theme value in localStorage. Requires React 18+.","codeLanguage":"tsx","codeTokens":126,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/index.md#_snippet_4","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import React from 'react'\nimport useLocalStorageState from 'use-local-storage-state'\n\nexport default function Theme() {\n const [theme, setTheme] = useLocalStorageState<'light' | 'dark'>('theme', {\n defaultValue: 'light',\n })\n\n return (\n \n )\n}"}],"relevance":0.031778056,"generationDate":"2026-10-11T02:52:14.517Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Basic usage of useLocalStorageState hook","codeDescription":"Shows the minimal setup for the use-local-storage-state hook: import it and call it with a storage key and a defaultValue option. The hook returns a state value and setter, mirroring React's useState API.","codeLanguage":"typescript","codeTokens":111,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/readme.md#_snippet_2","pageTitle":"Unknown","codeList":[{"language":"typescript","code":"import useLocalStorageState from 'use-local-storage-state'\n\nexport default function Todos() {\n const [todos, setTodos] = useLocalStorageState('todos', {\n defaultValue: ['buy avocado', 'do 50 push-ups']\n })\n}"}],"relevance":0.031024532,"generationDate":"2026-10-11T02:52:27.918Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Todo list example with useLocalStorageState and useState","codeDescription":"A complete React component that stores a todo list in localStorage and lets the user add items through an input and button. Uses the isPersistent property to notify when localStorage isn't saving data.","codeLanguage":"tsx","codeTokens":197,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/readme.md#_snippet_3","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import React, { useState } from 'react'\nimport useLocalStorageState from 'use-local-storage-state'\n\nexport default function Todos() {\n const [todos, setTodos] = useLocalStorageState('todos', {\n defaultValue: ['buy avocado']\n })\n const [query, setQuery] = useState('')\n\n function onClick() {\n setQuery('')\n setTodos([...todos, query])\n }\n\n return (\n <>\n setQuery(e.target.value)} />\n \n {todos.map(todo => (\n

{todo}

\n ))}\n \n )\n}\n"}],"relevance":0.030550372,"generationDate":"2026-10-11T02:52:27.918Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"TypeScript usage with custom serializer","codeDescription":"Example of using useLocalStorageState with a custom serializer based on SuperJSON. Shows options for defaultValue, defaultServerValue, storageSync, and serializer. Note that a custom serializer's parse is not wrapped; if it throws, the snapshot catches the error and returns defaultValue.","codeLanguage":"tsx","codeTokens":203,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/configuration.md#_snippet_3","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import useLocalStorageState from 'use-local-storage-state'\nimport { SuperJSON } from 'superjson'\n\nconst options = {\n defaultValue: new Date(), // default: undefined\n defaultServerValue: undefined, // default: undefined (falls back to defaultValue on the server)\n storageSync: true, // default: true\n serializer: {\n stringify: (value: unknown) => SuperJSON.stringify(value),\n parse: (value: string) => SuperJSON.parse(value),\n },\n}\n\nexport default function App() {\n const [date, setDate] = useLocalStorageState('date', options)\n // ...\n}"}],"relevance":0.029273504,"generationDate":"2026-10-11T02:52:27.785Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Module graph of index.ts and src/useLocalStorageState.ts","codeDescription":"Shows the dependency structure from the entry point to the implementation module, including exports and internal helpers.","codeLanguage":"text","codeTokens":254,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/README.md#_snippet_1","pageTitle":"Unknown","codeList":[{"language":"text","code":"index.ts (package entry point)\n└── export { default } from './src/useLocalStorageState.js'\n└── export type { LocalStorageOptions, LocalStorageState } from './src/useLocalStorageState.js'\n\nsrc/useLocalStorageState.ts (single implementation module, 206 lines)\n├── export const inMemoryData — module-level Map, in-memory fallback store\n├── export type LocalStorageOptions — hook options type\n├── export type LocalStorageState — hook return tuple type\n├── export default useLocalStorageState() — the hook (3 overloads + implementation)\n└── (internal, non-exported)\n ├── callbacks — Set<(key: string) => void>, cross-instance subscribers\n ├── triggerCallbacks() — notifies all instances subscribed to a key\n ├── parseJSON() — JSON.parse wrapper that maps the literal \"undefined\" string to undefined\n └── goodTry() — runs a fn, returns undefined if it throws"}],"relevance":0.016666668,"generationDate":"2026-10-11T02:52:12.429Z","model":"Unknown"},{"codeTitle":"Package layout and build output","codeDescription":"Shows the compiled files included in the published package. The package is ESM-only and targets node >= 14.","codeLanguage":"text","codeTokens":88,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/index.md#_snippet_1","pageTitle":"Unknown","codeList":[{"language":"text","code":"index.js # compiled entry point (ESM)\nindex.d.ts # generated type declarations\nsrc/**/*.js # compiled source module (src/useLocalStorageState.js)\nsrc/**/*.d.ts # generated declarations for the source module"}],"relevance":0.016129032,"generationDate":"2026-10-11T02:52:14.517Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"useLocalStorageState(key, options?)","codeDescription":"Documentation for the useLocalStorageState React hook, including its overloads, parameters, return type, and type aliases.","codeLanguage":"APIDOC","codeTokens":741,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_0","pageTitle":"Unknown","codeList":[{"code":"$54","language":"APIDOC"}],"relevance":0.015625,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Import paths for use-local-storage-state","codeDescription":"Shows two ways to import the package: default import and named type imports. The package is tree-shakeable due to sideEffects: false.","codeLanguage":"typescript","codeTokens":85,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/index.md#_snippet_2","pageTitle":"Unknown","codeList":[{"language":"typescript","code":"import useLocalStorageState from 'use-local-storage-state'\nimport useLocalStorageState, {\n type LocalStorageOptions,\n type LocalStorageState,\n} from 'use-local-storage-state'"}],"relevance":0.014705882,"generationDate":"2026-10-11T02:52:14.517Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"package.json exports field","codeDescription":"Declares the package's single entry point with TypeScript types and default JavaScript implementation.","codeLanguage":"json","codeTokens":54,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/README.md#_snippet_0","pageTitle":"Unknown","codeList":[{"language":"json","code":"\"exports\": {\n \"types\": \"./index.d.ts\",\n \"default\": \"./index.js\"\n}"}],"relevance":0.014492754,"generationDate":"2026-10-11T02:52:12.429Z","model":"Unknown"},{"codeTitle":"Handling in-memory fallback with isPersistent","codeDescription":"Shows how to use the isPersistent flag to detect when localStorage is unavailable and state is kept in memory. A warning is displayed when persistence is not active.","codeLanguage":"tsx","codeTokens":141,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_4","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import useLocalStorageState from 'use-local-storage-state'\n\nexport default function Dashboard() {\n const [todos, setTodos, { isPersistent }] = useLocalStorageState('todos', {\n defaultValue: ['buy avocado'],\n })\n\n return (\n <>\n {todos.map((todo) =>

{todo}

)}\n {!isPersistent && Changes aren't currently persisted.}\n \n )\n}"}],"relevance":0.014285714,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Basic usage of useLocalStorageState","codeDescription":"Shows the simplest way to use the hook to persist a todos array in localStorage. The defaultValue is used when no stored value exists.","codeLanguage":"tsx","codeTokens":152,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_2","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import React from 'react'\nimport useLocalStorageState from 'use-local-storage-state'\n\nexport default function Todos() {\n const [todos, setTodos] = useLocalStorageState('todos', {\n defaultValue: ['buy avocado', 'do 50 push-ups'],\n })\n\n return (\n <>\n

{todo}

\n \n \n )\n}"}],"relevance":0.014084507,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"LocalStorageOptions type definition","codeDescription":"Options object for the useLocalStorageState() hook. Includes defaultValue, defaultServerValue, storageSync, and a serializer with stringify/parse functions.","codeLanguage":"ts","codeTokens":112,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/types.md#_snippet_1","pageTitle":"Unknown","codeList":[{"language":"ts","code":"export type LocalStorageOptions = {\n defaultValue?: T | (() => T)\n defaultServerValue?: T | (() => T)\n storageSync?: boolean\n serializer?: {\n stringify: (value: unknown) => string\n parse: (value: string) => unknown\n }\n}"}],"relevance":0.01369863,"generationDate":"2026-10-11T02:53:39.142Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Server-rendered value with defaultServerValue","codeDescription":"Demonstrates using defaultServerValue to provide a different initial value during server-side rendering (e.g., Next.js). The client hydrates and then reads localStorage, falling back to defaultValue.","codeLanguage":"tsx","codeTokens":175,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_7","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"// e.g. a Next.js page — the server renders `defaultServerValue`, the client hydrates and\n// then reads localStorage (falling back to `defaultValue`)\nimport useLocalStorageState from 'use-local-storage-state'\n\nexport default function Comments({ loggedIn }: { loggedIn: boolean }) {\n const [draft, setDraft] = useLocalStorageState('draft', {\n defaultValue: '',\n defaultServerValue: loggedIn ? 'Start typing…' : '',\n })\n\n return

setDraft(e.target.value)} />\n}"}],"relevance":0.013513514,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Functional update with useLocalStorageState","codeDescription":"Demonstrates using the setter with a function to update state based on the previous value, similar to useState. The counter increments by one on each click.","codeLanguage":"tsx","codeTokens":121,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_3","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import useLocalStorageState from 'use-local-storage-state'\n\nexport default function Counter() {\n    const [count, setCount] = useLocalStorageState('counter', { defaultValue: 0 })\n\n    return (\n        <button onClick={() => setCount((value) => value + 1)}>\n            clicked {count} times\n        </button>\n    )\n}"}],"relevance":0.013333334,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Re-export types from package entry point","codeDescription":"Re-exports the public types from the package entry point (index.ts:2).","codeLanguage":"ts","codeTokens":55,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/types.md#_snippet_0","pageTitle":"Unknown","codeList":[{"language":"ts","code":"export type { LocalStorageOptions, LocalStorageState } from './src/useLocalStorageState.js'"}],"relevance":0.013157895,"generationDate":"2026-10-11T02:53:39.142Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Apply default options in useLocalStorageState hook body","codeDescription":"Shows how the hook applies default values for serializer, storageSync, parse, stringify, and state initializers. This code is from src/useLocalStorageState.ts:44-49. It uses useState for defaultValue and defaultServerValue, and falls back to parseJSON and JSON.stringify when no custom serializer is provided.","codeLanguage":"typescript","codeTokens":146,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/configuration.md#_snippet_0","pageTitle":"Unknown","codeList":[{"language":"typescript","code":"const serializer = options?.serializer\nconst storageSync = options?.storageSync ?? true\nconst parse = serializer?.parse ?? parseJSON\nconst stringify = serializer?.stringify ?? JSON.stringify\nconst [defaultValue] = useState(options?.defaultValue)\nconst [defaultServerValue] = useState(options?.defaultServerValue)"}],"relevance":0.012987013,"generationDate":"2026-10-11T02:52:27.785Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Reset to default and remove from localStorage with removeItem","codeDescription":"Demonstrates using the removeItem function to clear the stored value and reset to the default. The comment notes that it removes 'settings' from localStorage and the value resets to default.","codeLanguage":"tsx","codeTokens":175,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_5","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import useLocalStorageState from 'use-local-storage-state'\n\nexport default function Settings() {\n    const [prefs, setPrefs, { removeItem }] = useLocalStorageState('settings', {\n        defaultValue: { theme: 'light' },\n    })\n\n    return (\n        <>\n            <button onClick={() => setPrefs({ theme: 'dark' })}>Dark</button>\n            <button\n                onClick={() => {\n                    removeItem() // removes 'settings' from localStorage, value resets to default\n                }}\n            >\n                Reset\n            </button>\n        </>\n    )\n}"}],"relevance":0.012820513,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Deep import of inMemoryData (not public API)","codeDescription":"Shows how to import the internal inMemoryData symbol via the deep path. This is not part of the documented public API and is used by the test suite and debugging.","codeLanguage":"typescript","codeTokens":90,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/index.md#_snippet_3","pageTitle":"Unknown","codeList":[{"language":"typescript","code":"// not part of the public API; used by the test suite and debugging\nimport { inMemoryData } from 'use-local-storage-state/src/useLocalStorageState.js'"}],"relevance":0.012658228,"generationDate":"2026-10-11T02:52:14.517Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Custom serializer with SuperJSON for dates","codeDescription":"Shows how to provide a custom serializer to handle non-JSON-serializable values like Date objects. The serializer uses SuperJSON to stringify and parse.","codeLanguage":"tsx","codeTokens":183,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_6","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import { SuperJSON } from 'superjson'\nimport useLocalStorageState from 'use-local-storage-state'\n\nconst superjson: { stringify: (v: unknown) => string; parse: (v: string) => unknown } = {\n    stringify: (value) => SuperJSON.stringify(value),\n    parse: (value) => SuperJSON.parse(value),\n}\n\nexport default function Events() {\n    const [deadline, setDeadline] = useLocalStorageState<Date>('deadline', {\n        defaultValue: new Date(),\n        serializer: superjson,\n    })\n\n    return <input type=\"date\" onChange={(e) => setDeadline(new Date(e.target.value))} />\n}"}],"relevance":0.0125,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Disabling cross-tab synchronization with storageSync","codeDescription":"Shows how to disable synchronization of updates across tabs, windows, and iframes by setting storageSync to false.","codeLanguage":"tsx","codeTokens":122,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/useLocalStorageState.md#_snippet_8","pageTitle":"Unknown","codeList":[{"language":"tsx","code":"import useLocalStorageState from 'use-local-storage-state'\n\nexport default function SessionState() {\n    // updates won't be synchronized across tabs, windows, and iframes\n    const [token, setToken] = useLocalStorageState('session-token', {\n        storageSync: false,\n    })\n\n    return <input value={token} onChange={(e) => setToken(e.target.value)} />\n}"}],"relevance":0.012345679,"generationDate":"2026-10-11T02:52:32.394Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Re-export default hook and types from index.ts","codeDescription":"The package entry point re-exports the default hook and type definitions from the source module. This is the only runtime symbol publicly exposed.","codeLanguage":"typescript","codeTokens":79,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/index.md#_snippet_0","pageTitle":"Unknown","codeList":[{"language":"typescript","code":"export { default } from './src/useLocalStorageState.js'\nexport type { LocalStorageOptions, LocalStorageState } from './src/useLocalStorageState.js'"}],"relevance":0.0121951215,"generationDate":"2026-10-11T02:52:14.517Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"useLocalStorageState","codeDescription":"The main hook for using localStorage state in React. It returns a state value and a setter function, similar to useState, but persists the state to localStorage.","codeLanguage":"APIDOC","codeTokens":341,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/api-reference/index.md#_snippet_5","pageTitle":"Unknown","codeList":[{"language":"APIDOC","code":"$55"}],"relevance":0.012048192,"generationDate":"2026-10-11T02:52:14.517Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Default parseJSON implementation","codeDescription":"The internal parseJSON function used by default for the serializer's parse. It maps the string 'undefined' back to the value undefined, allowing undefined values to round-trip across reloads.","codeLanguage":"ts","codeTokens":78,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/configuration.md#_snippet_2","pageTitle":"Unknown","codeList":[{"language":"ts","code":"const parseJSON = (value: string): unknown =>\n    value === 'undefined' ? undefined : JSON.parse(value)"}],"relevance":0.011904762,"generationDate":"2026-10-11T02:52:27.785Z","model":"deepseek/deepseek-v4-flash-0731"},{"codeTitle":"Serializer type definition","codeDescription":"Defines the shape of the serializer option: an object with stringify and parse functions. The default stringify is JSON.stringify and the default parse is an internal parseJSON function.","codeLanguage":"ts","codeTokens":72,"codeId":"https://github.com/astoilkov/use-local-storage-state/blob/main/_autodocs/configuration.md#_snippet_1","pageTitle":"Unknown","codeList":[{"language":"ts","code":"{\n    stringify: (value: unknown) => string\n    parse: (value: string) => unknown\n}"}],"relevance":0.011764706,"generationDate":"2026-10-11T02:52:27.785Z","model":"deepseek/deepseek-v4-flash-0731"}]}
</article></body></html>

Use Local Storage State