useObjectState

Manage object state with partial updates.

State

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

import { useObjectState } from "@shak-hooks/usehooks";

Source: packages/react/src/useObjectState.ts

signature.ts

export function useObjectState<T extends object>(initialValue: T)

Name	Type	Optional	Default
initialValue	T	No	-

unknown

use-object-state.ts

1import { useState, useCallback } from "react";

3export function useObjectState<T>(initialValue: T) {

4 const [state, setState] = useState(initialValue);

6 const update = useCallback((partial: Partial<T>) => {

7 setState((prev) => ({ ...prev, ...partial }));

8 }, []);

10 return [state, update] as const;

11}

Google Ads

example.tsx

1import { useObjectState } from "@shak-hooks/usehooks";

3const result = useObjectState(undefined);

4// result: unknown

5// Use values directly (React state).