Component Instances Show Incorrect Text in Pressed Variant

[Elangovan4ever]

Description

When reusing components to create multiple instances with different texts, the "Pressed" variant of the component displays the default text from the main component instead of the text assigned to the specific instance.

Steps to Reproduce

1. Create a component with two variants: Enabled and Pressed.
2. Set up a Figma prototype to transition from Enabled to Pressed on press.
3. Assign different text to each instance of the component.
4. In Design Compose app, press any instance of the component in the prototype.

Expected Behavior

Each instance should display its assigned text when transitioning to the "Pressed" variant.

Actual Behavior

The instance displays the default text ("Label") from the main component instead of the text assigned to it.

Example Setup:

Refer attached project and Figma file from that project
Component: content-type-list-item with two variants (Enabled and Pressed).
Instances: "Audio", "Image", "Video"
Issue: Pressing any instance shows "Label" instead of the assigned text.

Workaround

Currently, to resolve the issue, separate components need to be created for each text variant:

Example for workaround:
Refer genre-type-list which has distinct components for each item.

Note

The list is static and designed in Figma.
Text is not supplied programmatically.

Attachments

StaticListTest.zip