React hook for optional value/setValue

maybe-controlled-value-hook.ts

import React from "react";

export interface OptControlledValue<T> {
    value?: T;
    set?: (value: T) => void;
    initial: T;
}

export function useMaybeControlledValue<T>(options: OptControlledValue<T>): [T, (val: T) => void] {
    const optionsSet = options.set;
    const [stateValue, setStateValue] = React.useState(options.initial);

    const setValueAndNotifyParent = React.useCallback(
        (newValue: T) => {
            setStateValue(newValue);
            if (optionsSet) optionsSet(newValue);
        },
        [optionsSet]
    );

    if (options.value === undefined && options.set === undefined) {
        return [stateValue, setStateValue];
    } else if (options.value === undefined && options.set !== undefined) {
        return [stateValue, setValueAndNotifyParent];
    } else if (options.value !== undefined && options.set === undefined) {
        return [options.value, noop];
    } else if (options.value !== undefined && options.set !== undefined) {
        return [options.value, options.set];
    } else {
        throw new Error();
    }
}

const noop = () => {};