In my NextJS application, the pages are structured as follows:
App
--pages
----_app.js
----index.js
----company.js
----users
------[userID].js
I have a dynamic page named [userID].js that retrieves the userID through the router to display information for different users. I am using next/head to generate meta tags dynamically. When I inspect the elements on the pages, I can see the meta tags there. However, when I view the source of the dynamic page [userID].js, the meta tags are missing. I can see the meta tags for all other pages except this one.
Can anyone shed some light on why this is happening and suggest a solution?
Thank you.