Union을 복잡하게 쓰면 생기는 문제

[youngkyo0504]

템플릿 예시입니다.

title:
full_path: src/pages/.md

type MultipleSelect = {
  multiple: true
  value?: string[]
  defaultValue?: string[]
  showCount?: boolean
  maxSelectionCount?: number
} 

type SingleSelect = {
  multiple?: false
  value?: string
  defaultValue?: string
  showCount?: never
  maxSelectionCount?: never
}

type NativeSelect = {
  native: true
  value?: string
  defaultValue?: string
}

type DropdownSelect = {
    native?: false
    placeholder?: string
} & (MultipleSelect | SingleSelect)



type UnionSelect = NativeSelect | DropdownSelect


type OmitBetter<T, K extends string> =  T extends any ? Omit<T, K> : never

type B =Prettify<OmitBetter<UnionSelect, 'native'>>


export type Prettify<T> = {
    [K in keyof T]: T[K]
    // eslint-disable-next-line @typescript-eslint/ban-types
  } & {}

const a :B = {
    value: ['a'],
    placeholder: 'c',
}  

const b: UnionSelect = {
    multiple: true,
    native: false,
    ...a,
    value: ['sf']
} as const