useDefault

Return a default value if the state is null or undefined.

State

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

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

Source: packages/react/src/useDefault.ts

signature.ts

export function useDefault<T>(initialValue: T, defaultValue: T)

Name	Type	Optional	Default
initialValue	T	No	-
defaultValue	T	No	-

unknown

use-default.ts

1import { useState } from "react";

3export function useDefault<T>(initialValue: T, defaultValue: T) {

4 const [state, setState] = useState<T | undefined | null>(initialValue);

6 return [state === undefined || state === null ? defaultValue : state, setState] as const;

Google Ads

example.tsx

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

3const result = useDefault(undefined, undefined);

4// result: unknown

5// Use values directly (React state).