error.log

SyntaxError: /Users/tesla/work/pizza/components/main.js: Unexpected token (24:4)
  22 |   {data.map(({group, links}, i) => (
  23 |     <LinkGroup key={i}>{group}</LinkGroup>
> 24 |     {links.map((link, i) => (
     |     ^
  25 |       <Link key={i} {...link} />
  26 |     ))}
  27 |   ))}

main.js

import React from 'react';

const data = [
  {
    group: 'News',
    links: [
      {href: 'http://usatoday.com', children: 'USA Today'},
      {href: 'http://nytimes.com', children: 'NYT'},
    ],
  },
  {
    group: 'Coding',
    links: [
      {href: 'http://github.com', children: 'GitHub'},
      {href: 'http://news.ycombinator.com', children: 'Hacker News'},
    ],
  },
];

const Links = () => (
  <div className="links">
  {data.map(({group, links}, i) => (
    <LinkGroup key={i}>{group}</LinkGroup>
    {links.map((link, i) => (
      <Link key={i} {...link} />
    ))}
  ))}
  </div>
);

const LinkGroup = ({children}) => (
  <h3 className="link-group">{children}</h3>
);

const Link = ({href, children}) => (
  <a href={href}>{children}</a>
);

const Main = () => (
  <Links />
);

export default Main;

const Links = () => (
  <div className="links">
  {data.map(({group, links}, i) => (
    <div>
      <LinkGroup key={i}>{group}</LinkGroup>
      {links.map((link, i) => (
        <Link key={i} {...link} />
      ))}
    </div>
  ))}
  </div>
);