>

    <script>
      const { render, Link, jsx } = nanoJSX

      const names = ['joe', 'suzanne']

      const Names = (props) => {
        return jsx`
          <ul>
            ${names.map((name) => {
              return jsx`<li>${name}</li>`
            })}
          </ul>`
      }

      const App = () => {
        return jsx`
        <div>

          <!-- Listen for the click event -->
          <h2 onClick="${() => console.log('click')}">List of names</h2>

          <!-- Render the Names component