how would i correctly write a kotlin wrapper for a React component which resides in a sub path of a ...

# javascript

[Boris Dudelsack]

how would i correctly write a kotlin wrapper for a React component which resides in a sub path of a module? My approach does not work.

@file:JsModule("@bootstrap-styled/provider/lib/BootstrapProvider")

package bootstrap

import react.*

@JsName("BootstrapProvider")
external class BootstrapProvider : Component<RProps, RState> {
    override fun render(): ReactElement?
}

[Nikky]

like so ? https://github.com/NikkyAI/muirwik/blob/6c6245743fc80b6d37b208a576ad724068afeff1/muirwik-components/src/main/kotlin/com/ccfraser/muirwik/components/button/Button.kt

[Nikky]

just one example from muirwik, not my work.. just linked from my fork because it was easier
and this one is ported to use the mpp plugin in gradle

[Boris Dudelsack]

this one worked for me, thank you!

package bootstrap

import react.*

@JsModule("@bootstrap-styled/provider/lib/BootstrapProvider")
internal external val bootstrapProviderModule: dynamic

internal val BootstrapProvider: RClass<BootstrapProviderProps> = bootstrapProviderModule.default

interface BootstrapProviderProps : RProps {
    var reset: Boolean
    var injectGlobal: Boolean
}

[Nikky]

i am not sure making it internal will work for a library..

[Boris Dudelsack]

i made it because i've also created a builder

fun RBuilder.bootstrapProvider(reset: Boolean = false, injectGlobal: Boolean = false, handler: RHandler<BootstrapProviderProps>) {
    BootstrapProvider {
        attrs {
            this.reset = reset
            this.injectGlobal = injectGlobal
            this.utils = BootstrapUtilsConfig()
        }

        handler()
    }
}