Issue with the official Figma library's <DataGridTable> component when Prototyping

[CropsterPauline]

Description:

When using the component and replacing the default cell text with custom text, the custom text reverts back to the original text upon interacting with the component in Figma's prototype mode. This behavior prevents the intended functionality from being showcased accurately in the prototype.

Steps to Reproduce:

• Open a new Figma file.
• Import the Material Design UI library.
• Add a component to your project.
• Double-click a cell within the table to edit its text.
• Replace the default text with your own custom text.
• Switch to Figma's prototype mode (Prototype > Enter Prototype Mode).
• Interact with the cell containing the custom text (e.g., click, hover).

Expected Behavior:

The custom text entered in step 4 should remain visible and interact as intended within the prototype, regardless of user interaction.

Actual Behavior:

The custom text reverts back to the original text upon interacting with the cell in prototype mode.

Additional Information:

Figma Version: 116.18.6
Material Design UI Library Version: 5.16.0

Possible Cause:

I have noticed that the names of the cell components within the DataGridTable have been overwritten (from <DataGrid | Cell> to Cell mui/material-ui#1, Cell mui/material-ui#2 and so forth). Resetting the names back to the original component's did not solve the issue, however.

I would appreciate it if you could investigate this issue and provide a solution or workaround to allow custom text within the component to persist during Figma prototyping.

Thank you for your time and support.

Sincerely,
Pauline

Search keywords:

Search keywords:

[adrianmanea]

Hi Pauline, I believe we had a support question as well regarding this issue. We are aware of the issue of contents resetting when interacting in prototype mode. I think Figma doesn't work well on prototype mode when we have nested instances. Keeping the name layer naming doesn't seem to solve the problem.