React 19 support + change deps #88
Conversation
| [ | ||
| "@babel/preset-react", | ||
| { | ||
| "runtime": "automatic" |
| "test": "mocha", | ||
| "test:watch": "mocha --watch", | ||
| "test:cov": "babel-node ./node_modules/.bin/isparta cover ./node_modules/.bin/_mocha" | ||
| "test": "jest --forceExit", |
There was a problem hiding this comment.
there are open handles now and i didn't have enough time to figure out why. It's the node MessageChannel class
| babelrc: false, | ||
| presets: [ | ||
| '@babel/preset-react', | ||
| ['@babel/preset-react', { runtime: 'automatic' }], |
There was a problem hiding this comment.
| plugins: [ | ||
| '@babel/plugin-proposal-class-properties', | ||
| ], |
There was a problem hiding this comment.
included in @babel/preset-env
| ] | ||
| ], | ||
| "plugins": [ | ||
| "@babel/plugin-proposal-class-properties", |
There was a problem hiding this comment.
|
Would be nice to remove the UNSAFE_componentWillMount. Seems someone got this working without it nfl/react-helmet#548 |
|
@gaearon can you look at this? |
| } | ||
|
|
||
| class SideEffect extends PureComponent { | ||
| class SideEffect extends React.PureComponent { |
There was a problem hiding this comment.
perhaps in the next major, this could be a functional component
| const originalWindow = global.window; | ||
| const originalDocument = global.document; | ||
|
|
||
| before(done => { | ||
| jsdom.env('<!doctype html><html><head></head><body></body></html>', (error, window) => { | ||
| if (!error) { | ||
| global.window = window; | ||
| global.document = window.document; | ||
| } | ||
|
|
||
| done(error); | ||
| }); | ||
| }); | ||
|
|
||
| after(() => { | ||
| global.window = originalWindow; | ||
| global.document = originalDocument; | ||
| }); | ||
|
|
||
| it('should be findable by react TestUtils', () => { | ||
| class AnyComponent extends React.Component { | ||
| render() { | ||
| return <SideEffect foo="bar" /> | ||
| } | ||
| } | ||
| const wrapper = enzyme.shallow(<AnyComponent />); | ||
| const sideEffect = wrapper.find(SideEffect) | ||
| expect(sideEffect.props()).to.deep.equal({ foo: 'bar' }); | ||
| }); |
There was a problem hiding this comment.
all of this seemed redundant now
| ], | ||
| "peerDependencies": { | ||
| "react": "^16.3.0 || ^17.0.0 || ^18.0.0" | ||
| "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" |
There was a problem hiding this comment.
16.14.0 is the min version now: https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#how-to-upgrade-to-the-new-jsx-transform
|
@gaearon bump! Could you review this? 🙏 |
|
bump @gaearon |
|
All seems fine to me, would be nice if @gaearon could take a look at this |
|
Any updates on this ? |
|
What are you using this for? This project should probably be marked as deprecated. |
It is used by React helmet : https://github.com/nfl/react-helmet/blob/1b57ddb1524bab195df3eeabafef67768a6d2a15/package.json#L38 For me the only problem is that npm shows a warning about unmatched peer dependencies on this package when we use React 19, that's all. So a simple change here would be good (I guess). |
|
Would be nice to merge, as when using rush.js with react-helmet, we have to do shenanigans just to get dep install to pass (with peers enforced) |
|
React Helmet is also unmaintained and unsupported, I’d recommend either React 19 built-in This particular library relies on a technique that doesn’t work very well in modern React, and y’all should really stop using it (as well as React Helmet). |
|
Well React's newest docs still point to helmet, and it's still pretty widely used, while I agree that it shouldn't be, we maintain a lib which supports React 18 + 19, so this is probably still the best way while 18 is still supported :) |
4 participants
Overview
Adds React 19 peer dependency support. Also changed a lot of outdated dependencies (some of the open PRs may now be redundant).
No runtime code needed to be changed thankfullyI changedcomponentWillMounttocomponentDidMountand all test pass. This is a good sign. Renovate bot and a yarn GH workflow for this repo would be great!