I have a React component that consumes the value objects - which gives us access to an array, but currently, using the map function is going to return an array of labels/ assistants as opposed to just one string value. Can anyone help out I would best refactor this code to reflect this change? The current implementation does return the correct values, but I'm just not sure its the right use of map.

const FirstRepeatAttributeLabelAssistant = ({ objects, className }: Props) => {
  if (objects.length === 0) {
    return null;
  }

  let label = objects[0].attributeCollection.questions.map((question) => {
    return question._contributions.label;
  });

  let assistant = objects[0].attributeCollection.questions.map((question) => {
    return question._contributions.assistant;
  });

  return (
    <StyledGroup as={Row}>
      <StyledLabelWrapper>{label}</StyledLabelWrapper>
      <Column size={12} />

      <Column>
        <StyledAssistantWrapper>{assistant}</StyledAssistantWrapper>
      </Column>
    </StyledGroup>
  );
};

This is the array in question:

So, I really just want to assign my values label & assistant to those in this array.

Current output when I console.log(labely);: