Conditionnal Props in React/TypeScript

example1.tsx

type DrawerProps = { fullName: string } & (
  | { shape: 'circle'; radius: number }
  | { shape: 'square'; width: number }
  | { shape: 'rectangle'; width: number; height: number }
);

example2.tsx

type OneOrTheOtherProps =
  | { collapsed?: true; expanded?: never }
  | { collapsed?: never; expanded?: true };

example3.tsx

type PanelProps =
  | { collapsable: true; defaultCollpsed?: boolean }
  //| { collapsable: true; defaultCollpsed?: true }
  | { collapsable?: never; defaultCollpsed?: never };

example4.tsx

type DropdownProps<T> = T extends number | string
  ? {
      data: Array<string | number>;
      labelProp?: never;
      valueProp?: never;
    }
  : {
      data: Array<T>;
      labelProp: keyof T;
      valueProp: keyof T;
    };