Kotlin/JS ReactNode型に文字列以外入れたい #React

ちょっとハマってしまったのでメモ

これだとエラー

OutlinedInput {
  attrs {
    id = "savecode-adornment"
    label = ReactNode("セーブコード")
    multiline = true
    endAdornment /*:ReactNode?*/ = InputAdornment { //Error!!!!
        attrs.position = "end"
        IconButton {
          CopyAll()
        }
    }
  }
}

createElementで囲むとOK

createElement {
  //いれる
}

例

OutlinedInput {
  attrs {
    id = "savecode-adornment"
    label = ReactNode("セーブコード")
    multiline = true
    endAdornment = createElement {
      InputAdornment {
        attrs.position = "end"
        IconButton {
          CopyAll()
        }
      }
    }
  }
}