Not able to get parameter from dynamic url using next js

Hello to the netlify team !

I am trying to get the parameter ‘token’ from the dynamic route on my website made with nextjs : https://lokimo.ai/account/activate/[:token]
The published code is working locally on my machine but I can’t make it work on netlify. I have written in my netlify.toml the following redirect rule (as mentioned in this github issue https://github.com/zeit/next.js/discussions/11178#discussioncomment-4802) :

[[redirects]]
from = “/account/activate/*”
to = “/account/activate/[token].html”
status = 200
force = true

The code corresponding to /pages/account/activate/[token].js is the following :

import React, { useEffect, useState } from 'react'
function CreateInteraction ({ input }) {
  const [isComponentMounted, setIsComponentMounted] = useState(false)

  useEffect(() => setIsComponentMounted(true), [])

  if(!isComponentMounted) {
    return <h1>Not Mounted</h1>
  }
  else {

  const router = useRouter()
    return <h1>{router.query.token}</h1>
  }
}
export default CreateInteraction

The page always displays “Not Mounted” and I can’t get router.query.token for a reason that I am not understanding.

Thank you very much in advance :slight_smile: !

hey there,

did you see this already? I wonder if it is helpful: