Redux-react implementation kotlin

TableController.kt

import actions.ToggleSideBar
import react.*
import react.redux.rConnect
import reducers.AppState
import redux.WrapperAction

private interface TableStateProps : RProps {
    var isSideBarOpen: Boolean
}

private interface TableDispatchProps : RProps {
    var toggleSideBar: (Boolean) -> Unit
}

val wrappedTable: RClass<RProps> =
    rConnect<AppState, ToggleSideBar, WrapperAction, RProps, TableStateProps, TableDispatchProps, TableProps>(
        mapStateToProps = { state, _ ->
            isSideBarOpen = state.isSideBarOpen
        },
        mapDispatchToProps = { dispatch, _ ->
            toggleSideBar = { dispatch(ToggleSideBar(it)) }

        }
    )(TableComponent::class.js.unsafeCast<RClass<TableProps>>())

TableView.kt

package components

import kotlinx.html.js.onClickFunction
import react.RBuilder
import react.RComponent
import react.RProps
import react.RState
import react.dom.button
import react.dom.div

external interface TableProps : RProps {
    var isSideBarOpen: Boolean
    var toggleSideBar: (Boolean) -> Unit
}

class TableComponent(props: TableProps) : RComponent<TableProps, RState>(props) {
    override fun RBuilder.render() {
        div {
            if (props.isSideBarOpen) {
                +"is open"
            } else {
                +"is closed"
            }
            button {
                attrs.onClickFunction = { props.toggleSideBar(!props.isSideBarOpen) }
                +"click me"
            }
        }
    }
}