When I set buttonColors on a button, I get this error `Functions which invoke @Composable functions...

# compose

[Colton Idle]

When I set buttonColors on a button, I get this error

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

colors = object : ButtonColors {
    override fun backgroundColor(enabled: Boolean): Color =
        JetsnackTheme.colors.color1

    override fun contentColor(enabled: Boolean): Color =
        JetsnackTheme.colors.color1
}

if I remove that block, then everything compiles fine.

Any ideas?

[Cyril Find]

you should annotate both functions with @Composable

[Colton Idle]

@Cyril Find

Conflicting overloads: @Composable public open fun backgroundColor

=(

[Cyril Find]

are you updating to alpha11 ?

[Colton Idle]

Still on alpha10 due to reasons

[Cyril Find]

oh ok nevermind

[Cyril Find]

did you try extracting the object as a named class ?

[Colton Idle]

I did not. I'm going to try to convince my team to move to alpha11 and then see if it keeps happening. might take a few days though.

[Colton Idle]

Thanks @Cyril Find

[Cyril Find]

Untitled

[Cyril Find]

⬆️ by the way in alpha11 the implementation changes a bit, maybe you have some versions incompatibilities ?
it looks like this now for me

[Jan Bína]

I guess that the easiest way is to use one of the functions from ButtonDefaults object, like this:

OutlinedButton(
    colors = ButtonDefaults.buttonColors(
        backgroundColor = Color.Black
        ...
    )
)

[Colton Idle]

@Jan Bína thanks. I was unaware of this. Gotta look into ButtonDefault some more to see why i would use that over the other possible solution.

[Colton Idle]

@Jan Bína that worked! Thank you!