I have been digging deeper into this and I believe the issue is a general problem refreshing the information from the database when the collection is in Firestore. Basically, when I create a list/grid based in a dataSheet that takes its values from Firestore, it will not show properly the values unless I refresh the page. It the new element goes at the end of the list, there won’t be a problema and it will come up. But if the new element is to be in the beginning of the list, it will mix the present elements with the new one. It happens with every list that I have test in React Studio.
Here I have prepared a really simple example. I have created a simple component with two fields: name and userEmail and 2 buttons to edit and delete those entries.
Than I have created a Screen where I have placed a list/grid based in that component that takes the values from a the dataSheet “testCollection”:
I have added an additional component to write entries in that “testCollection” that I can reveal/Hide with the floating icon.
I have recorded a video where I show what happens when I add entries that are supposed to be included in the list. You can see the information get mixed the same I showed with the cards in my previous emails.
I can provide the code for the components or the Screen but the issue is general to every grid/list that I have done in React Studio showing information from Firestore.
Let me know if I have to provide more info.