Skip to content

@content-collections/mdx module installation is broken on new project #398

@omonk

Description

@omonk

Which project does this relate to?

Create Tanstack App

Describe the bug

TLDR; To fix this just run npm i @content-collections/mdx@latest --save-dev to get @content-collections/mdx at 0.2.2

Upon creating a new project the npm i step fails due to a react version mismatch

[I] ➜  ~/code npx @tanstack/cli create
┌  Let's configure your TanStack application
│
◇  What would you like to name your project?
│  start-test
│
◇  Select toolchain
│  ESLint
│
◇  Would you like to include demo/example pages?
│  No
│
◇  Keyboard Shortcuts ────────────────────────────────────────────────╮
│                                                                     │
│  Use ↑/↓ to navigate • Space to select/deselect • Enter to confirm  │
│                                                                     │
├─────────────────────────────────────────────────────────────────────╯
│
◇  What add-ons would you like for your project?
│  none
│
◇  Would you like to initialize a new git repository?
│  Yes
│
◇  Initialized git repository
│
◇  Installed dependencies
│
└  Your TanStack app is ready in 'start-test'.

Use the following commands to start your app:
% cd start-test
% npm run dev

Please read the README.md file for information on testing, styling, adding routes, etc.

Errors were encountered during the creation of your app:

Command "npm install" did not run successfully. Please run this manually in your project.

When cd into directory, running npm i manually you get the fully error

[I] ➜  ~/code/start-test main * npm i
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: start-test@undefined
npm error Found: react@19.2.4
npm error node_modules/react
npm error   react@"^19.2.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @content-collections/mdx@0.1.6
npm error node_modules/@content-collections/mdx
npm error   dev @content-collections/mdx@"^0.1.2" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.

Your Example Website or App

n/a

Steps to Reproduce the Bug or Issue

  1. Run npx @tanstack/cli create
  2. Go through steps to create the project
  3. See installation steps failed
  4. cd into new directory
  5. Run npm i
  6. See installation step failed again

Expected behavior

The npm i step completes successfully

Screenshots or Videos

No response

Platform

  • OS: macos
  • Browser: Chrome
  • Version: n/a

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions