message: fix not being able to use arrays in tsx component children
diff: @@ -135,7 +135,7 @@ export function fragment(
  if (props !== null) throw new Error('Root fragment does not accept props')
  const res: MessageComponentPayload[] = []
  - components.forEach((component) => {
  + components.flat(2).forEach((component) => {
  if (typeof component !== 'object' || component === null) return
  if (component.type !== 'ActionRow') {
  throw new Error('Only ActionRow components may appear at top level')
  @@ -145,12 +145,12 @@ export function fragment(
  components: []
  }
  - component.children?.forEach((el: Element<ButtonProps & SelectProps>) => {
  + component.children?.flat(2).forEach((el: Element<ButtonProps & SelectProps>) => {
  if (el.type !== 'Button' && el.type !== 'Select') {
  throw new Error('Invalid second level component: ' + el.type)
  }
  - row.components?.push({
  + row.components?.flat(2).push({
  type: el.type === 'Button' ? 2 : 3,
  custom_id: el.props.id,
  label: el.props.label,
  