I cannot update Badge action by state

[llr101]

Description

I cannot update Badge action by state

CodeSandbox/Snack link

below

Steps to reproduce

const [isMuted, setIsMuted] = useState(false);

useEffect(() => {
  setTimeout(() => setMuted(prev => !prev), 1000);
}, [])

return (
  <Badge action={isMuted ? 'muted' : 'info'}>
    <BadgeText>test badge</Badge>
  </Badge>
)

gluestack-ui Version

1.1.39

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

No response

[jkearney126]

Had the same issue trying to use state for updates. A workaround is to set a key prop that changes with state - forces a new component render.