Unable to interact with protected routes when using JSX renderer in Atlassian Connect Express

I’m using ACE and can’t seem to interact with protected routes in any way. The README suggests:
<a href="/protected-resource?jwt={{token}}">See more</a>

Since I’m not using handlebars and instead am using JSX per the docs, I can’t do it that way.

I tried passing the token via props from req.context.token but it doesn’t come through if I call it token. I renamed it to t and it comes through but now I receive the error Unauthorized: Invalid JWT: Not enough or too many JWT token segments; should be 3.

My basic proof of concept is made up of:

routes/index.js

app.get('/pulse', addon.authenticate(), (req,res)=> {
     res.json({status: 200, message: 'permission granted'})
})

app.get('/jql-mode', addon.authenticate(), (req, res) => {
    const {userAccountId, hostBaseUrl, token} = req.context;

    res.render(
        'jql-mode.jsx',
        {
            title: 'Prioritizr - JQL Mode',
            t:token,
        }
    )
}

views/jql-mode.jsx

export default function JQLMode({ t }) {
    return <a href={`/pulse?jwt=${t}`}>Pulse</a>
}

I’ve also just tried putting <meta name="token" content="{{token}}"> inside views/react-layout.hbs but it gives me the same token that’s getting rejected with Unauthorized: Invalid JWT: Not enough or too many JWT token segments; should be 3.