How can I shuffle an array of objects on page render and map over the shuffled array without console warning of "two children with the same key"?

Solution 1:

in JS, you could use the library of Lodash, that has a function .shuffle(collection). Then use the shuffled data as model of your view.