nextjs/link - how to get 'item.id' to evaluate?

gistfile1.txt

import Link from 'next/link';

export default () => (
  <div>
    Items
    <ul>
    {
      [
        { name: 'item one', id: 1 },
        { name: 'item two', id: 2 },
      ].map( item =>
        <li key={item.id}><Link href='/item?id={item.id}' as='/item/{item.id}'><a>{item.name}</a></Link></li>
      )
    }
    </ul>
  </div>
)

<li key={item.id}>
  <Link href={`/item?id=${item.id}`} as={`/item/${item.id}`}>
    <a>{item.name}</a>
  </Link>
</li>