```Functions which invoke @Composable functions must be marked with the @Composable annotation``` an...

# compose

[camkadev]

Functions which invoke @Composable functions must be marked with the @Composable annotation

any workaround to change data (outside Composable) placed inside state?

[Ian Warwick]

not seen this one, got an example of code causing this?

[zhuinden]

You shouldn't need to be in a @Composable context to update either a @Model nor a state {

[camkadev]

/* TODO here i got: Functions which invoke @Composable functions must be marked with the @Composable annotation*/
@Composable
private val showDialog = state {
    false
}

@Composable
fun SomeComposable(){
    Button(
        "Sign In",
        onClick =
        /* TODO here i got: Functions which invoke @Composable functions must be marked with the @Composable annotation*/
        {
            showDialog.value = false
        }
    )
}

[Ian Warwick]

I don't think you need the annotation @Composable on that showDialog state variable

[Ian Warwick]

also can you use property delegate for showDialog such as private val showDialog by state { false } ? not sure if it works in all contexts but it works for inline variables and means you don't need to showDialog.value = false can simply use showDialog = false

[camkadev]

i will try

[camkadev]

yes var showDialog by state { false } is works, looks like i missed by explanation when reading

[Ian Warwick]

nice 👍

[Ian Warwick]

Just checking docs I am not sure we should be using property delegates though 🤔

import androidx.compose.state
import androidx.ui.core.Text
import androidx.ui.material.Button

val count = state { 0 }

Text(text = "You clicked ${count.value} times")
Button(text = "Click me", onClick = { count.value++ })

[Ian Warwick]

nice docs here https://developer.android.com/reference/kotlin/androidx/compose/package-summary.html#state(kotlin.Function2,%20kotlin.Function0)

[Ian Warwick]

aha my apologies those docs show 3 different approaches, quite cool