decouple use, and state, memo

use.tsx

function use<
  T extends { type: 'state'; value: unknown } | { type: 'memo'; fn: unknown },
>(
  parameters: T,
): T extends { type: 'state'; value: infer V }
  ? [V, React.SetStateAction<V>]
  : T extends { type: 'memo'; fn: () => infer R }
  ? R
  : never {
  const { type } = parameters;
  if (type === 'state') {
    return useState(parameters.value);
  }
  if (type === 'memo') {
    return useMemo(parameters.fn);
  }
}

function state<T>(value: T) {
  return { type: 'state', value } as const;
}

function memo<T>(fn: () => T) {
  return { type: 'memo', fn } as const;
}

const [count, setCount] = use(state(1));
const memoCount = use(
  memo(() => {
    return 1;
  }),
);