silphius/app/react-components/entities.jsx

import {Container, Sprite} from '@pixi/react';

export default function Entities({entities, x, y}) {
  const sprites = [];
  for (const id in entities) {
    const entity = entities[id];
    if (!entity.Position || !entity.Sprite) {
      continue;
    }
    sprites.push(
      <Sprite
        image={entity.Sprite.image}
        key={id}
        x={entity.Position.x}
        y={entity.Position.y}
      />
    );
  }
  return (
    <Container x={x} y={y}>
      {sprites}
    </Container>
  )
}