useDefault

A hook that returns a default value if the current state is null or undefined.

useDefault.tsx

import { useState } from "react";

export default function useDefault(defaultValue: any, initialValue: any) {
    const [value, setValue] = useState(initialValue);

    const valueToReturn = value === null || value === undefined ? defaultValue : value;

    return [
        valueToReturn,
        setValue
    ]
}