我想要有条件props类型
当我试图传递一个默认值给我的可选prop时，它在条件类型中，类型中断

export type ChatBase = {
  id: string;
  title: string;
}

type ChatCardProps = CardProps &
  (
    | {
        chat: ChatBase & { createdBy: { displayName: string } };
        hideCreator?: false;
      }
    | {
        chat: ChatBase;
        hideCreator: true;
      }
  );

const Chat = ({ title, chat, hideCreator = false }: ChatCardProps) => {
  return (
    <View>
      <Text>{title}</Text>
      {!hideCreator && <Text>{chat.createdBy.displayName}</Text>}
      //                            ^? createdBy?: { displayName: string; } | undefined
    </View>
  )
}

const Chat = ({ title, chat, hideCreator }: ChatCardProps) => {
  return (
    <View>
      <Text>{title}</Text>
      {!hideCreator && <Text>{chat.createdBy.displayName}</Text>}
      //                            ^? createdBy?: { displayName: string; }
    </View>
  )
}

为什么当我传递一个默认值时，逻辑就中断了？