Issue with controlled Calcite Switch

Question

Issue:I'm setting the Calcite Switch component's "checked" value as a controlled input, but the component's UI state does not reflect the value (images attached) I'm using the following libraries/versions in my React application:
"@arcgis/core": "^4.27.6""@esri/calcite-components-react": "^1.8.0"

Screenshot 2023-09-25 at 3.39.11 PM.png

Screen Recording 2023-09-25 at 3.40.00 PM.gif

TeklabzAdmin · Accepted Answer

Hello,

Did you try setting undefined instead of false when you want it to be unchecked?

This is mentioned in the gotchas part of the help. It should fix your problem I think.

https://developers.arcgis.com/calcite-design-system/resources/frameworks/#gotchas