Неправильное отображение массива объектов React

Question

В функции рендеринга моего компонента я пытаюсь отобразить массив объектов. Я все время получаю сообщение об ошибке «Объекты недействительны как дочерние объекты React». Однако я не пытаюсь визуализировать объект. Может кто-нибудь подскажет, что я здесь делаю не так? Примечание: circlearray - это массив (заполненный объектами)

return (
  <Container>
    <NavBar>
      <Subtitle>All</Subtitle>
      <Subtitle>Living groups</Subtitle>
      <Subtitle>Clubs</Subtitle>
      <Subtitle>Classes</Subtitle>
    </NavBar>
    <CircleBox>
      {circlesarray.map((circle, index) => (
        <Circle key={index} name={circle.name} />
      ))}
    </CircleBox>
  </Container>
);

Answer 1

Попробуйте сделать следующее:

  {circlesarray.map((circle, index) => 
    <Circle key={index} name={circle.name} />
  )}

Без ().