[Bug]: Selectable Tile: component ignores the selected prop

[shocquu]

Package

@carbon/react

Browser

Chrome, Safari, Firefox, Edge

Package version

1.61.0

React version

18.0.0

Description

The internal selected state (responsible for showing the checkbox) does not reflect the selected value.

Screen.Recording.July.14.mov

Reproduction/example

https://stackblitz.com/edit/github-s5u4wl-2gkk4d?file=src%2FApp.jsx

Steps to reproduce

1. Import the SelectableTile component
2. Set the value of the selected prop to true
3. Click on the tile.

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[2nikhiltom]

Hey @shocquu
The selected prop is intended to maintain the checked state of a tile when the component first renders. It doesn't enforce a read-only or unavailable state, so a tile with the selected prop can still be deselected or unchecked based on user interaction.