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>
)

When run via "next", those items outside of quotes are evaluated - {item.name} renders properly.

Those within quotes render literally as {item.id}.

What's the magic trick to force evaluation of object items w/in quotes?

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