Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tailwind installation fails b/c of React version #10178

Closed
pre-ska opened this issue Dec 26, 2024 · 2 comments
Closed

Tailwind installation fails b/c of React version #10178

pre-ska opened this issue Dec 26, 2024 · 2 comments

Comments

@pre-ska
Copy link

pre-ska commented Dec 26, 2024

Describe the Bug

When trying to start new project and installing tailwind, I get this

$ pnpm install -D tailwindcss postcss autoprefixer
Already up to date
Progress: resolved 895, reused 846, downloaded 0, added 0, done

dependencies:
+ @payloadcms/db-mongodb 3.9.0
+ @payloadcms/next 3.9.0
+ @payloadcms/payload-cloud 3.9.0
+ @payloadcms/richtext-lexical 3.9.0
+ cross-env 7.0.3
+ graphql 16.10.0
+ next 15.1.0
+ payload 3.9.0
+ react 19.0.0
+ react-dom 19.0.0
+ sharp 0.32.6

devDependencies:
+ @eslint/eslintrc 3.2.0
+ @types/node 22.10.2
+ @types/react 19.0.1
+ @types/react-dom 19.0.1
+ autoprefixer 10.4.20
+ eslint 9.17.0
+ eslint-config-next 15.1.0
+ postcss 8.4.49
+ prettier 3.4.2
+ tailwindcss 3.4.17
+ typescript 5.7.2

 WARN  Issues with peer dependencies found
.
└─┬ @payloadcms/next 3.9.0
  ├─┬ react-diff-viewer-continued 3.2.6
  │ ├── ✕ unmet peer react@"^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0": found 19.0.0
  │ └── ✕ unmet peer react-dom@"^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0": found 19.0.0
  └─┬ @payloadcms/ui 3.9.0
    ├─┬ @monaco-editor/react 4.6.0
    │ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
    │ └── ✕ unmet peer react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
    └─┬ react-datepicker 7.5.0
      ├── ✕ unmet peer react@"^16.9.0 || ^17 || ^18": found 19.0.0
      └── ✕ unmet peer react-dom@"^16.9.0 || ^17 || ^18": found 19.0.0

Done in 3.6s

Link to the code that reproduces this issue

https://github.com/payloadcms/payload

Reproduction Steps

tailwind classes not applied.
After pnpm install -D tailwindcss postcss autoprefixer
I get WARN  Issues with peer dependencies found

Which area(s) are affected? (Select all that apply)

Not sure

Environment Info

Node: 23.5.0
  payload: 3.9.0
  next: 15.1.0
@pre-ska pre-ska added status: needs-triage Possible bug which hasn't been reproduced yet validate-reproduction Auto-added tag on create to tell bot to check recreation URL, removed after check. labels Dec 26, 2024
@github-actions github-actions bot removed the validate-reproduction Auto-added tag on create to tell bot to check recreation URL, removed after check. label Dec 26, 2024
@r1tsuu
Copy link
Member

r1tsuu commented Dec 26, 2024

I tested and it doesn't fail, should work fine, the logs that you see are warnings because @monaco-editor/react, react-datepicker react-diff-viewer-continued haven't updated yet their peer dependencies to include react 19.

@r1tsuu r1tsuu closed this as not planned Won't fix, can't repro, duplicate, stale Dec 26, 2024
@github-actions github-actions bot removed the status: needs-triage Possible bug which hasn't been reproduced yet label Dec 26, 2024
Copy link
Contributor

This issue has been automatically locked.
Please open a new issue if this issue persists with any additional detail.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Dec 28, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants