The ID variable comes up as undefined when I click the link, The other variable works fine though

extends layout.pug

block content
    section#content

      h2= text

      if hint
        p
          i Hint: #{hint}

      a(href='/' + `${id}?side=${sideToShow}`)= sideToShowDisplay

const express = require('express');
const router = express.Router();
const { data } = require('../data/flashcardData.json');
const cards = data.cards;

router.get('/:id', (req, res) => {
    const { side } = req.query;
    const { id } = req.params;
    const text = cards[id][side];
    const { hint } = cards[id];

    const templateData = { text };
    console.log(id);
    if (side === 'question') {
        templateData.hint = hint;
        templateData.sideToShow= 'answer';
        templateData.sideToShowDisplay= 'Answer';
    } else if (side === 'answer') {
        templateData.sideToShow= 'question';
        templateData.sideToShowDisplay= 'Question';
    }

    res.render('cards', templateData);
});

module.exports = router;