Dependency issue when adding mdx support

[bugsz]

I tried to add markdown / mdx to the website. I followed the instructions in this doc. However I found there is a dependency error for @next/mdx. Specifically,

npm error peer react@"19.0.0-rc-206df66e-20240912" from next@15.0.0-canary.158
npm error node_modules/next
npm error next@"canary" from the root project
npm error peer next@"*" from next-themes@0.2.1
npm error node_modules/next-themes
npm error next-themes@"^0.2.1" from the root project

However, when I do npm list, I got

├── next@13.5.1-canary.1 invalid: "canary" from the root project
├── react-dom@18.2.0

I am not an expert in this npm-related thing but I think this could be solved by changing the required version? Anyone could help fix it?