Inline styling and reactive state not working

[wansidqi]

I’m running into two issues while using Perry UI:

Inline styling not applying:
I followed the inline styling approach from the docs, but styles passed directly (e.g., backgroundColor) don’t seem to take effect on my button. I expected the inline styles to override defaults, but nothing changes in the UI.
Reactive state not updating UI:
I’m using State with TextField and binding via stateBindTextfield. Although the state updates internally, the UI text (Text("You typed: ${text.value}")) does not re-render when typing.

Here’s a simplified version of my code:

const text = State("")
const field = TextField("Placeholder...", (value: string) => text.set(value))
stateBindTextfield(text, field)

HStack(12, [field, Text(You typed: ${text.value})])

And for inline styling:

const inlineStyleButton = Button("inline style button", () => {
  console.log("click")
}, {
  backgroundColor: { r: 245 / 255, g: 0 / 255, b: 45 / 255, a: 0.8 },
})

I referred to:

Inline styling docs
TextField/reactive state docs

Am I misunderstanding how inline styles or reactivity work in Perry UI? What’s the correct way to make styles apply and ensure UI updates when state changes?

ps: my current version is 0.5.386, and I try to update to 0.5.465, but got error this:

Error: Failed to extract archive

Caused by:
0: failed to iterate over archive
1: invalid gzip header

[paulo-assoc]

Hi @wansidqi! Are you still having this issue with a later build? If so, please create a bug issue.