Keeping a query ordered when removing an entity

[sigvik]

Hi! It seems like when I remove an entity with ECS.world.remove, the last entity in the query is moved to fill in its place, rather than the query retaining its order. How can I avoid this?

Before removing "Player 1" (because it loses to "Player 6"):

After removing "Player 1", "Player 12" moves to where the former was:

The above behavior happens regardless of which entity I remove.
Here's the gist of how I render them:

const players = ECS.world.with('id')
<ECS.Entities in={players}/>

[sigvik]

Figured it out, it was very simple:)

const players = ECS.world.with('id')

const sortedPlayers = [...players].sort((a, b) => {
  return a.id - b.id
})

return (
  <ECS.Entities in={sortedPlayers}>
    {(entity) => (
      <Player/>
    )}
  </ECS.Entities>
)