Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Code Review
This pull request updates the react dependency to version 19.2.0. Feedback highlights several critical issues: the react-dom version must be updated to match react to avoid runtime errors, the application entry point must be refactored to use the createRoot API, and react-scripts 5.0.0 is incompatible with React 19, necessitating a migration to a modern build tool.
| "miragejs": "^0.1.43", | ||
| "polished": "^4.1.4", | ||
| "react": "^17.0.2", | ||
| "react": "19.2.0", |
There was a problem hiding this comment.
The react-dom dependency (line 18) must be updated to 19.2.0 to match the react version. Running mismatched versions of react and react-dom is not supported and will lead to runtime errors and peer dependency conflicts during installation. Additionally, it is recommended to use the caret prefix (^) for consistency with other dependencies in this file.
| "react": "19.2.0", | |
| "react": "^19.2.0", |
| "miragejs": "^0.1.43", | ||
| "polished": "^4.1.4", | ||
| "react": "^17.0.2", | ||
| "react": "19.2.0", |
There was a problem hiding this comment.
| "miragejs": "^0.1.43", | ||
| "polished": "^4.1.4", | ||
| "react": "^17.0.2", | ||
| "react": "19.2.0", |
There was a problem hiding this comment.
react-scripts 5.0.0 is not compatible with React 19 due to strict peer dependency requirements and internal changes in React's rendering engine. This upgrade will likely cause build failures or dependency resolution issues. Since Create React App is no longer maintained, consider migrating the project to a modern build tool like Vite.
Bumps
reactfrom^17.0.2to19.2.0.Changelog
Below is a list of all new features, APIs, and bug fixes.
Read the React 19.2 release post for more information.
New React Features
<Activity>: A new API to hide and restore the UI and internal state of its children.useEffectEventis a React Hook that lets you extract non-reactive logic into an Effect Event.cacheSignal(for RSCs) lets your know when thecache()lifetime is over.New React DOM Features
resume: to resume a prerender to a stream.resumeAndPrerender: to resume a prerender to HTML.resumeToPipeableStream: to resume a prerender to a stream.resumeAndPrerenderToNodeStream: to resume a prerender to HTML.prerenderAPIs to return apostponedstate that can be passed to theresumeAPIs.Notable changes
<ViewTransition>Component. React will batch as much reveals as possible before the first paint while trying to hit popular first-contentful paint metrics.prerender,renderToReadableStream) to server-side-rendering APIs for Node.js:IDs generated by useIdAll Changes
React
<Activity />was developed over many years, starting beforeClassComponent.setState(@acdlite @sebmarkbage and many others)%oplaceholder (@eps1lon #34198)useDeferredValueloop in popstate event (@acdlite #32821)useDeferredValue(@acdlite #34376)cacheSignal(@sebmarkbage #33557)React DOM
:for IDs generated byuseId(@sebmarkbage, @eps1lon: #32001, [Fizz] Block on Suspensey Fonts during reveal facebook/react#33342#33099, #33422)nonceto be used on hoistable styles (@Andarist #32461)React.useinsideReact.lazy-ed Component (@hi-ogawa #33941)progressiveChunkSizeoption for server-side-rendering APIs (@sebmarkbage #33027)React Server Components
<img>and<link>using hints before they're rendered (@sebmarkbage #34604)filterStackFrame(@eps1lon #33707)React Reconciler
on*handlers to account for upcoming experimental APIseslint-plugin-react-hooks@6.1.0
Note: Version 6.0.0 was mistakenly released and immediately deprecated and untagged on npm. This is the first official 6.x major release and includes breaking changes.
recommendedpreset. Legacy config moved torecommended-legacy. (@michaelfaith in #32457)usewithin try/catch blocks. (@poteto in #34040)useEffectEventfunctions in arbitrary closures. (@jbrown215 in #33544)React.useEffectin addition touseEffectin rules-of-hooks. (@Ayc0 in #34076)react-hookssettings config option that to acceptadditionalEffectHooksthat are used across exhaustive-deps and rules-of-hooks rules. (@jbrown215) in #34497