Map over an array within a table cell

JavaScript
1

Hello - I’m trying to map over an array within a table cell, the array is just some strings but the error I’m getting is task.team_members.map is not a function:

<tbody>
          {props.tasks.map(task => {
            return (
              <tr>
                <td>{task.title}</td>
                <td>
                  <ul>
                    {task.team_members.map(member => (
                      <li>{member}</li>
                    ))}
                  </ul>
                </td>
                <td>{task.description}</td>
                <td>{task.created_at}</td>
              </tr>
            );
          })}
        </tbody>

Without the map, the array of team members is rendered fine.

2

Can you show the data structure of props.tasks?

3

Hey shimphillip, thanks for your reply, the structure is:

{
        title: "Sprint review prep",
        team_members: [
            "Sally",
            "Joe",
            "Caroline"
        ],
        description: "Collate feedback, roadmap provisional edit",
    }