MDX not rendering properly when using Pages router with Tailwind
Unanswered
Haad posted this in #help-forum
HaadOP
Hi,
So I am trying to render some MDX files and I'm using the Pages router in my project along with Tailwind for styling. Currently I have no styling with tailwind that is accessible to MDX, so there's no inference from Tailwind, yet the MDX does not render properly.
I've read the Pages router documentation on MDX configuration, I made sure my tailwind and nextjs config files were good (I literally copy pasted them from the MDX documentation website so there could be nothing wrong with them).
All I think is that this could be a problem: I have something like this to access the MDX file. The user clicks on a Blog Card on my website and the MDX file opens properly (there is no routing problem)
But this doesn't work. I have tried using prose typography in Tailwind that doesn't work either.
Please help!
So I am trying to render some MDX files and I'm using the Pages router in my project along with Tailwind for styling. Currently I have no styling with tailwind that is accessible to MDX, so there's no inference from Tailwind, yet the MDX does not render properly.
I've read the Pages router documentation on MDX configuration, I made sure my tailwind and nextjs config files were good (I literally copy pasted them from the MDX documentation website so there could be nothing wrong with them).
All I think is that this could be a problem: I have something like this to access the MDX file. The user clicks on a Blog Card on my website and the MDX file opens properly (there is no routing problem)
<Link href={blogRoute}><button>foo</button></Link>But this doesn't work. I have tried using prose typography in Tailwind that doesn't work either.
Please help!