Type inference lost when destructuring #37638

export type DynamicFieldType = {
  visibleTo: "EVERYONE" | "EMPLOYEE" | "EMPLOYER";
  shouldBeVisibleTo: "EVERYONE" | "EMPLOYEE" | "EMPLOYER";
  name: string;
  isRequired: boolean;
  value: string;
  defaultValue: string;
  labels: {
    NL: string;
    EN: string;
  };
  onChange: (name: string, value: string) => void;
};

export type DropdownType = DynamicFieldType & {
  type: "dropdown";
  options: string[];
};

export type UploadType = DynamicFieldType & {
  type: "upload";
};

export type CheckboxType = DynamicFieldType & {
  type: "checkbox";
};

export type RadioType = DynamicFieldType & {
  type: "radio";
  options: string[];
};

export type TextType = DynamicFieldType & {
  type: "text";
};

export interface DynamicFieldProps {
  field: DropdownType | UploadType | CheckboxType | RadioType | TextType;
  intl: any; // TODO: update react-intl for types
}

const handleField = ({ field }: DynamicFieldProps): void => {
  switch (field.type) {
    case "dropdown":
      const foo = field.options;

      console.log("Success!");
  }
};

const failingHandleField = ({ field }: DynamicFieldProps): void => {
  const { type } = field;

  switch (type) {
    case "dropdown":
      const foo = field.options;

      console.log("It suddenly doesn't get it.");
  }
};