arrow-body-style eslint error?

Question

JavaScript

I don’t quite understand what’s wrong , I tried different options, it doesn’t help, the last one:

{data.clients.map((value, index) => { // 68 line
    return (
      <Table.Cell key={index}>{value}</Table.Cell>
    );
  })}

Error: ./src/lien-page-future-owners.jsx
Line 68: Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>` arrow-body-style

Answer 1

{data.clients.map((value, index) => <Table.Cell key={index}>{value}</Table.Cell>)}

or:

{data.clients.map((value, index) => (
  <Table.Cell key={index}>{value}</Table.Cell>
))}