Как зациклить reactJS в ячейке таблицы

Как мне зациклить роли для каждого проекта подряд?

Я хочу установить роли в каждой ячейке для каждого проекта. В настоящее время у меня проблема с синтаксисом, так как я впервые разрабатываю ReactJS.

render() {
            ...

            <Table
                resourceName = "projects"
                columns = {[
                    {
                        Header: 'Name',
                        accessor: 'name',
                    },
                    {
                        Header: 'Client',
                        accessor: 'client.name',
                    },
                    {
                        Header: 'Type',
                        accessor: 'type',
                    },
                    {
                        id: 'roles',
                        Header: 'Roles',
                        accessor: 'roles',
                        Cell: (props: { value: Array<{name: string}> }) => {
                            console.info(args);
                            return ',';
                        },
                    },
                ]}
            />
        </Box>
    );
}