Hi, how to recreate such code in Kotlin/React? ```...

# javascript

[Nikolai Sviridov]

Hi, how to recreate such code in Kotlin/React?

...
import TreeView from '@material-ui/lab/TreeView';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
...
<TreeView
      defaultCollapseIcon={<ExpandMoreIcon />}
    >
...

Wrappers for TreeView and ExpandMoreIcon exists, but how to recreate defaultCollapseIcon={<ExpandMoreIcon />} ?

[Big Chungus]

you need class ExpandMoreIcon: RClass<ExpandMoreIconProps>

[Nikolai Sviridov]

@Big Chungus mb I don't understand the meaning of class in your case, but my wrapper looks like this

@file:JsModule("@material-ui/icons/ExpandMore")
@file:JsNonModule

package wrappers.materialui

import react.ComponentClass
import react.PropsWithChildren

@JsName("default")
external val ExpandMoreIcon: ComponentClass<PropsWithChildren>

RClass is deprecated and now it's typeallias for ComponentClass . And my question is how to properly to pass it to props?
``````

[Nikolai Sviridov]

In that case:

...
TreeView {
  attrs {
    defaultExpandIcon = /* what we need here ? */
  }
...
}

[Big Chungus]

Try ExpandMoreIcon(props)

[Nikolai Sviridov]

@Big Chungus In my case it's seems need to be ExpandMoreIcon {} and in case

defaultExpandIcon = ExpandMpreIcon {}

I'm getting error:

Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.

But if I pass it as arrayOf(ExpandMoreIcon {} ) It just renders icon on top of all view (not in place where it needs to be) and doesn't change.

[Big Chungus]

ExpandMpreIcon {} is incorrect, because it just attaches the component to your parent component (not TreeView)

[Nikolai Sviridov]

@Big Chungus my bad) but how to use ExpandMoreIcons(props) ? ExpandMoreIcons(jsObject()) gives me another error

handler is not a function

[Big Chungus]

I I wasn't saying that it should work for sure. Was just a guess 🙂

[andylamax]

Did you try this?

TreeView {
  attrs {
    defaultExpandIcon = createElement(ExpandMoreIcon)
  }
}

[Nikolai Sviridov]

@andylamax Thx! Saving me again)

[turansky]

Since pre.280 :

val App = FC<Props>("App") {
    TreeView {    
        defaultExpandIcon = ExpandMoreIcon.create()
    }
}