export const useFieldChange: (props: Props) => void = ({ onChange, variant }) => {
  return React.useCallback(
    (e: React.ChangeEvent<HTMLInputElement>) => {
      if (!onChange) {
        return;
      }
      const field = e.target.name;
      const value = e.target.value;
      switch (variant) {
        case "number":
          return onChange(field, Number(value)); // <- Argument of type 'number' is not assignable to parameter of type 'never'
        case "string":
          return onChange && onChange(field, value);
      }
    },
    [onChange, variant]
  );
};

interface NumberProps {
  variant: 'number';
  onChange?: (field: string, value: number) => void;
}

interface StringProps {
  variant: 'string';
  onChange?: (field: string, value: string) => void;
}

type P = NumberProps | StringProps;

export const useFieldChange = (p: P) => {
  return React.useCallback(
    (e: React.ChangeEvent<HTMLInputElement>) => {
      if (!p.onChange) {
        return;
      }

      const field = e.target.name;
      const value = e.target.value;

      switch (p.variant) {
        case 'number':
          return p.onChange(field, Number(value)); // <- Argument of type 'number' is not assignable to parameter of type 'never'
        case 'string':
          return p.onChange(field, value);
      }
    },
    [p]
  );
};