Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

update react and react-dom peerdeps to include v 19

Open GGAlanSmithee opened this issue 10 months ago • 11 comments

I have been using semantic-ui-react (v3 beta) with react 19 for a good while without any issues. Can we please include that version in the react peer deps range so I can avoid having to do --legacy-peer-deps?

I do not update the package version in this PR, but if you can do that and release a new version, that would be amazing.

many thanks 🙏🏼

GGAlanSmithee avatar Feb 14 '25 20:02 GGAlanSmithee

💖 Thanks for opening this pull request! 💖

Here is a list of things that will help get it across the finish line:

  • Run yarn lint locally to catch formatting errors. This will fix some errors automatically, commit and push any changes.
  • Run yarn test locally to catch errors. This ensures all components still behave as they should.
  • Run yarn start to run the doc site locally and try a few pages, ensuring everything is in good working order.
  • Include tests when adding/changing behavior.

We get a lot of pull requests on this repo, so please be patient and we will get back to you as soon as we can.

welcome[bot] avatar Feb 14 '25 20:02 welcome[bot]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
semantic-ui-react ❌ Failed (Inspect) Feb 14, 2025 8:32pm

vercel[bot] avatar Feb 14 '25 20:02 vercel[bot]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 99.53%. Comparing base (e0a42b5) to head (3dcb86d).

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #4513   +/-   ##
=======================================
  Coverage   99.53%   99.53%           
=======================================
  Files         186      186           
  Lines        3463     3463           
=======================================
  Hits         3447     3447           
  Misses         16       16           

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

codecov[bot] avatar Feb 14 '25 20:02 codecov[bot]

seems like the Vercel deployment fails because of a too low nodejs version, not sure what you want to do about that.

GGAlanSmithee avatar Feb 14 '25 20:02 GGAlanSmithee

I'm confused on what the issue is here? Does this project need to be updated to use Node 22 or does workflow need to be updated to use Node 22 for Vercel?

kylewatkins1202 avatar Mar 06 '25 18:03 kylewatkins1202

@kylewatkins1202

The actual issue that this PR solves is that the specified peer-deps does not allow for react 19.

The issue with the deployment of this PR on Vercel seems to be about node.js versions, but I don't know, and I don't think it has anything to do with my PR.

GGAlanSmithee avatar Mar 06 '25 18:03 GGAlanSmithee

@GGAlanSmithee This is an odd one to say the least. From lookin at the other PRs they seem to pass the Vercel workflow even though they give the same error, checkout #4512 . It seems this one passed but still got the same error.

After doing some research, I believe that the issue is is that dependencies can cause the Node mismatch to be treated more strictly with Vercel. In this case, React 19 is supported by 18+. This is causing Vercel to say hey 16 is deprecated & the dependencies aren't supported by the Node version.

The issue is most likely with there work flow. However you can override the workflow with

"engines": { "node": "20.x" }
``  
in package.json

kylewatkins1202 avatar Mar 06 '25 20:03 kylewatkins1202

The issue is most likely with there work flow. However you can override the workflow with ...

ok, understood. Do you want me to do that in this PR, given that it's not really related to what I want to change?

React 19 is supported by 18+

Not really sure what this means. As I understand semver and node ^18.0.0 will match all version, so long as the major version is 18. Sorry, I might be misunderstanding you - I just want to be able to run npm i without --legacy-peer-deps in my project 😂

GGAlanSmithee avatar Mar 07 '25 07:03 GGAlanSmithee

@kylewatkins1202

do you know if there's anything actionable for me to do here to move this forward? Would be amazing to be able to use semantic-ui-react with react 19 out-of-the-box.

GGAlanSmithee avatar Mar 31 '25 15:03 GGAlanSmithee

@GGAlanSmithee Sadly no, they need to update their Vercel workflow to use a higher version of Node. This is the only way this PR will be approvable. They are using too old of a version of Node on Vercel

kylewatkins1202 avatar Apr 02 '25 20:04 kylewatkins1202

Alright, thanks @kylewatkins1202 🙏🏼

GGAlanSmithee avatar Apr 03 '25 07:04 GGAlanSmithee