When I try to create a context with ```val LoginContext = createContext<LoginContextData>()```...

# react

[iari]

When I try to create a context with

val LoginContext = createContext<LoginContextData>()

I get the following error

When accessing module declarations from UMD, they must be marked by both @JsModule and @JsNonModule

What's wrong?

[Björn Mayer]

kotlin react wrappers uses commonJs for module types (I am not a js expert so sorry for wrong wording).
Your project is probably using a different one.
I solved the issue in my project by setting the module type to AMD.
This is what I added to my `build.gradle.kts`:

import org.jetbrains.kotlin.gradle.dsl.KotlinJsCompile
import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackOutput.Target.AMD

tasks.withType<KotlinJsCompile> {
    // See <https://github.com/amdjs/amdjs-api/blob/master/AMD.md>
    kotlinOptions.moduleKind = AMD
}

Also see: https://kotlinlang.org/docs/reference/js-modules.html

[turansky]

commonJs for wrappers musn’t limit final module kind

[turansky]

Where declared createContext method?

[iari]

Thanks for the helpful answers.
Adding useCommonJs() to my build.gradle.kts worked for me:

kotlin {
    target {
        browser {
        }
        useCommonJs()
    }
}

[Ilya Goncharov [JB]]

FYI
https://youtrack.jetbrains.com/issue/KT-38316