Use state wrapper to expose partial state setter

usePartialState.ts

export const usePartialState = <T extends object>(
  initial: T
): {
  state: T;
  setState: Dispatch<SetStateAction<T>>;
  setPartialState: (newPartialState: Partial<T>) => void;
} => {
  const [state, setState] = useState<T>(initial);

  return {
    state,
    setState,
    setPartialState: newPartialState =>
      setState(state => ({ ...state, ...newPartialState })),
  };
};

Simplifiest partial state update

const { state, setState, setPartialState } = usePartialState({one: true, two: 2});

// ...

setState(state => ({ ...state, two: 2 }));
// vs
setPartialState({two: 2});