chore(deps): bump the deps group across 1 directory with 16 updates

[dependabot]

Bumps the deps group with 16 updates in the /postgres-drizzle-nextjs directory:

Package	From	To
@types/node	20.11.17	22.10.4
autoprefixer	10.4.17	10.4.20
drizzle-orm	0.29.3	0.38.3
eslint	8.56.0	9.17.0
eslint-config-next	14.1.0	15.1.3
next	14.1.0	15.1.3
postcss	8.4.35	8.4.49
postgres	3.4.3	3.4.5
react	18.2.0	19.0.0
@types/react	18.2.55	19.0.2
react-dom	18.2.0	19.0.0
@types/react-dom	18.2.19	19.0.2
tailwindcss	3.4.1	3.4.17
typescript	5.3.3	5.7.2
drizzle-kit	0.20.14	0.30.1
pg	8.11.3	8.13.1

Updates @types/node from 20.11.17 to 22.10.4

Commits

• See full diff in compare view

Updates autoprefixer from 10.4.17 to 10.4.20

Release notes

Sourced from autoprefixer's releases.

10.4.20

• Fixed fit-content prefix for Firefox.

10.4.19

• Removed end value has mixed support, consider using flex-end warning since end/start now have good support.

10.4.18

• Fixed removing -webkit-box-orient on -webkit-line-clamp (@​Goodwine).

Changelog

Sourced from autoprefixer's changelog.

10.4.20

• Fixed fit-content prefix for Firefox.

10.4.19

• Removed end value has mixed support, consider using flex-end warning since end/start now have good support.

10.4.18

• Fixed removing -webkit-box-orient on -webkit-line-clamp (@​Goodwine).

Commits

• dae6eb4 Release 10.4.20 version
• ee43652 Fix fit-content for Firefox
• cf80824 Update dependencies
• 49d5ec6 Move to pnpm 9
• 8060e33 Release 10.4.19 version
• fe7bae4 Remove end→flex-end warning
• 5f6f362 Update dependencies
• 13a86df Move to flat ESLint config
• b3e0579 Update dependencies
• 90dc18d Release 10.4.18 version
• Additional commits viewable in compare view

Updates drizzle-orm from 0.29.3 to 0.38.3

Release notes

Sourced from drizzle-orm's releases.

0.38.3

• Fix incorrect deprecation detection for table declarations

0.38.2

New features

USE INDEX, FORCE INDEX and IGNORE INDEX for MySQL

In MySQL, the statements USE INDEX, FORCE INDEX, and IGNORE INDEX are hints used in SQL queries to influence how the query optimizer selects indexes. These hints provide fine-grained control over index usage, helping optimize performance when the default behavior of the optimizer is not ideal.

Use Index

The USE INDEX hint suggests to the optimizer which indexes to consider when processing the query. The optimizer is not forced to use these indexes but will prioritize them if they are suitable.

export const users = mysqlTable('users', {
  id: int('id').primaryKey(),
  name: varchar('name', { length: 100 }).notNull(),
}, () => [usersTableNameIndex]);
const usersTableNameIndex = index('users_name_index').on(users.name);
await db.select()
.from(users, { useIndex: usersTableNameIndex })
.where(eq(users.name, 'David'));

Ignore Index

The IGNORE INDEX hint tells the optimizer to avoid using specific indexes for the query. MySQL will consider all other indexes (if any) or perform a full table scan if necessary.

export const users = mysqlTable('users', {
  id: int('id').primaryKey(),
  name: varchar('name', { length: 100 }).notNull(),
}, () => [usersTableNameIndex]);
const usersTableNameIndex = index('users_name_index').on(users.name);
await db.select()
.from(users, { ignoreIndex: usersTableNameIndex })
.where(eq(users.name, 'David'));

Force Index

The FORCE INDEX hint forces the optimizer to use the specified index(es) for the query. If the specified index cannot be used, MySQL will not fall back to other indexes; it might resort to a full table scan instead.

export const users = mysqlTable('users', {
</tr></table> 

... (truncated)

Commits

• 06be106 dprint
• ca569cb Bump version
• 1446ee7 Merge pull request #3841 from drizzle-team/drizzle-seed/studio
• 021e939 Merge branch 'main' into drizzle-seed/studio
• 6854ac6 fix
• 5d7860c Merge branch 'drizzle-seed/studio' of https://github.com/drizzle-team/drizzle...
• fa9f4b7 updated changelogs
• fedc800 fixes
• 5f2b404 Merge pull request #3839 from drizzle-team/beta
• 5ee9619 Merge branch 'main' into beta
• Additional commits viewable in compare view

Updates eslint from 8.56.0 to 9.17.0

Release notes

Sourced from eslint's releases.

v9.17.0

Features

• eed91d1 feat: add suggestions to no-unused-vars (#18352) (Tanuj Kanti)

Bug Fixes

• 67d683d fix: fix crash when message.fix is nullish (#19168) (ntnyq)
• c618707 fix: ignore vars with non-identifier references in no-useless-assignment (#19200) (YeonJuan)

Documentation

• 3c22d2a docs: update yoda to Yoda in yoda.md for consistency (#19230) (루밀LuMir)
• e0a2203 docs: add missing backticks to no-sequences (#19233) (루밀LuMir)
• 4cc4881 docs: Update README (GitHub Actions Bot)
• 3db6fdf docs: [no-await-in-loop] expand on benefits and inapplicability (#19211) (Kirk Waiblinger)
• bf2a4f6 docs: add missing backticks to func-style (#19227) (루밀LuMir)
• ba098bd docs: add missing header to prefer-spread (#19224) (루밀LuMir)
• b607ae6 docs: update description of no-param-reassign (#19220) (루밀LuMir)
• 1eb424d docs: add missing backticks to prefer-destructuring (#19223) (루밀LuMir)
• 85998d1 docs: add missing backticks to no-unneeded-ternary (#19222) (루밀LuMir)
• b75b32c docs: add missing backticks to no-new-func (#19219) (루밀LuMir)
• a7700bc docs: add missing backticks to id-length (#19217) (루밀LuMir)
• e2bb429 docs: add missing backticks to complexity.md (#19214) (루밀LuMir)
• 045d716 docs: add missing ) to id-denylist (#19213) (루밀LuMir)
• 7fe4114 docs: Update README (GitHub Actions Bot)
• c743ba6 docs: add CSS language to no-restricted-syntax (#19208) (Milos Djermanovic)
• 1416d70 docs: add missing backticks to eqeqeq (#19207) (루밀LuMir)
• b950c1b docs: add missing backticks to prefer-object-spread (#19206) (루밀LuMir)
• 8a941cb docs: update docs and description of require-unicode-regexp (#19205) (루밀LuMir)
• cbab228 docs: Update README (GitHub Actions Bot)
• f2257ce docs: update comments and description of no-script-url (#19203) (루밀LuMir)
• 365f0f4 docs: add missing backtick to default-case-last (#19202) (루밀LuMir)
• e6b84f5 docs: add missing punctuation in document (#19161) (루밀LuMir)
• c88708e docs: replace quote with backtick in description of for-direction (#19199) (루밀LuMir)
• a76f233 docs: use higher contrast color tokens for code comments (#19187) (Josh Goldberg ✨)
• db19502 docs: Update README (GitHub Actions Bot)

Chores

• cc243c9 chore: upgrade to @eslint/[email protected] (#19242) (Francesco Trotta)
• 84c5787 chore: package.json update for @​eslint/js release (Jenkins)
• 4c4f53b chore: add missing backticks to flags.js (#19226) (루밀LuMir)
• 4b3132c chore: update dependency eslint-plugin-expect-type to ^0.6.0 (#19221) (renovate[bot])
• 9bf2204 chore: add type definitions for the eslint-config-eslint package (#19050) (Arya Emami)
• ee8c220 chore: fix incorrect name property in integration-tutorial-code (#19218) (루밀LuMir)
• cca801d chore: Upgrade cross-spawn to 7.0.6 (#19185) (folortin)

v9.16.0

Features

• 8f70eb1 feat: Add ignoreComputedKeys option in sort-keys rule (#19162) (Milos Djermanovic)

Documentation

• 9eefc8f docs: fix typos in use-isnan (#19190) (루밀LuMir)

... (truncated)

Changelog

Sourced from eslint's changelog.

v9.17.0 - December 13, 2024

• cc243c9 chore: upgrade to @eslint/[email protected] (#19242) (Francesco Trotta)
• 84c5787 chore: package.json update for @​eslint/js release (Jenkins)
• eed91d1 feat: add suggestions to no-unused-vars (#18352) (Tanuj Kanti)
• 4c4f53b chore: add missing backticks to flags.js (#19226) (루밀LuMir)
• 3c22d2a docs: update yoda to Yoda in yoda.md for consistency (#19230) (루밀LuMir)
• e0a2203 docs: add missing backticks to no-sequences (#19233) (루밀LuMir)
• 4cc4881 docs: Update README (GitHub Actions Bot)
• 3db6fdf docs: [no-await-in-loop] expand on benefits and inapplicability (#19211) (Kirk Waiblinger)
• 67d683d fix: fix crash when message.fix is nullish (#19168) (ntnyq)
• bf2a4f6 docs: add missing backticks to func-style (#19227) (루밀LuMir)
• 4b3132c chore: update dependency eslint-plugin-expect-type to ^0.6.0 (#19221) (renovate[bot])
• 9bf2204 chore: add type definitions for the eslint-config-eslint package (#19050) (Arya Emami)
• ba098bd docs: add missing header to prefer-spread (#19224) (루밀LuMir)
• b607ae6 docs: update description of no-param-reassign (#19220) (루밀LuMir)
• 1eb424d docs: add missing backticks to prefer-destructuring (#19223) (루밀LuMir)
• 85998d1 docs: add missing backticks to no-unneeded-ternary (#19222) (루밀LuMir)
• ee8c220 chore: fix incorrect name property in integration-tutorial-code (#19218) (루밀LuMir)
• b75b32c docs: add missing backticks to no-new-func (#19219) (루밀LuMir)
• a7700bc docs: add missing backticks to id-length (#19217) (루밀LuMir)
• c618707 fix: ignore vars with non-identifier references in no-useless-assignment (#19200) (YeonJuan)
• e2bb429 docs: add missing backticks to complexity.md (#19214) (루밀LuMir)
• 045d716 docs: add missing ) to id-denylist (#19213) (루밀LuMir)
• 7fe4114 docs: Update README (GitHub Actions Bot)
• c743ba6 docs: add CSS language to no-restricted-syntax (#19208) (Milos Djermanovic)
• cca801d chore: Upgrade cross-spawn to 7.0.6 (#19185) (folortin)
• 1416d70 docs: add missing backticks to eqeqeq (#19207) (루밀LuMir)
• b950c1b docs: add missing backticks to prefer-object-spread (#19206) (루밀LuMir)
• 8a941cb docs: update docs and description of require-unicode-regexp (#19205) (루밀LuMir)
• cbab228 docs: Update README (GitHub Actions Bot)
• f2257ce docs: update comments and description of no-script-url (#19203) (루밀LuMir)
• 365f0f4 docs: add missing backtick to default-case-last (#19202) (루밀LuMir)
• e6b84f5 docs: add missing punctuation in document (#19161) (루밀LuMir)
• c88708e docs: replace quote with backtick in description of for-direction (#19199) (루밀LuMir)
• a76f233 docs: use higher contrast color tokens for code comments (#19187) (Josh Goldberg ✨)
• db19502 docs: Update README (GitHub Actions Bot)

v9.16.0 - November 29, 2024

• feb703b chore: upgrade to @eslint/[email protected] (#19195) (Francesco Trotta)
• df9bf95 chore: package.json update for @​eslint/js release (Jenkins)
• 9eefc8f docs: fix typos in use-isnan (#19190) (루밀LuMir)
• 0c8cea8 docs: switch the order of words in no-unreachable (#19189) (루밀LuMir)
• 0c19417 docs: add missing backtick to no-async-promise-executor (#19188) (루밀LuMir)
• 8df9276 docs: add backtick in -0 in description of no-compare-neg-zero (#19186) (루밀LuMir)
• 7e16e3f docs: fix caseSensitive option's title of sort-keys (#19183) (Tanuj Kanti)
• f831893 chore: add type for ignoreComputedKeys option of sort-keys (#19184) (Tanuj Kanti)
• 8f70eb1 feat: Add ignoreComputedKeys option in sort-keys rule (#19162) (Milos Djermanovic)
• 0c6b842 docs: fix typos in migration-guide.md (#19180) (루밀LuMir)

... (truncated)

Commits

• 90c1db9 9.17.0
• 755512d Build: changelog update for 9.17.0
• cc243c9 chore: upgrade to @eslint/[email protected] (#19242)
• 84c5787 chore: package.json update for @​eslint/js release
• eed91d1 feat: add suggestions to no-unused-vars (#18352)
• 4c4f53b chore: add missing backticks to flags.js (#19226)
• 3c22d2a docs: update yoda to Yoda in yoda.md for consistency (#19230)
• e0a2203 docs: add missing backticks to no-sequences (#19233)
• 4cc4881 docs: Update README
• 3db6fdf docs: [no-await-in-loop] expand on benefits and inapplicability (#19211)
• Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by eslintbot, a new releaser for eslint since your current version.

Updates eslint-config-next from 14.1.0 to 15.1.3

Release notes

Sourced from eslint-config-next's releases.

v15.1.3

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes

• Retry manifest file loading only in dev mode: #73900
• Use shared worker for lint & typecheck steps: #74154

Credits

Huge thanks to @​unstubbable and @​ztanner for helping!

v15.1.2

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes

• Update React from 7283a213-20241206 to 65e06cb7-20241218: vercel/next.js#74117

Credits

Huge thanks to @​ztanner for helping!

v15.1.1

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes

• fix(turbo): sassOptions silenceDeprecations was not overwritten with user options: vercel/next.js#73937
• refactor collectAppPageSegments: vercel/next.js#73908

Credits

Huge thanks to @​devjiwonchoi and @​ztanner for helping!

v15.1.1-canary.24

Core Changes

• fix: update broken links in config-shared.d.ts: #74122
• fix: fix typos in errors.json & create-component-tree.tsx: #74471
• Safely retrieve router, improve page reload logic: #74209
• docs: bump year: #74475

Misc Changes

• docs(generate-static-params): add typescript example and missing jsx switcher: #73962
• docs(fetching-data-and-streaming): add missing types to example: #74081
• docs(use-cache): add missing switcher code blocks and types in examples: #74083

Credits

... (truncated)

Commits

• 4cbaaa1 v15.1.3
• df392a1 v15.1.2
• 4384c68 v15.1.1
• dafcd43 v15.1.0
• 2deb35d v15.0.4-canary.52
• 3970d33 v15.0.4-canary.51
• c824c18 v15.0.4-canary.50
• 657c2cb v15.0.4-canary.49
• c2078d0 v15.0.4-canary.48
• 6b9baaa v15.0.4-canary.47
• Additional commits viewable in compare view

Updates next from 14.1.0 to 15.1.3

Release notes

Sourced from next's releases.

v15.1.3

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes

• Retry manifest file loading only in dev mode: #73900
• Use shared worker for lint & typecheck steps: #74154

Credits

Huge thanks to @​unstubbable and @​ztanner for helping!

v15.1.2

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes

• Update React from 7283a213-20241206 to 65e06cb7-20241218: vercel/next.js#74117

Credits

Huge thanks to @​ztanner for helping!

v15.1.1

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes

• fix(turbo): sassOptions silenceDeprecations was not overwritten with user options: vercel/next.js#73937
• refactor collectAppPageSegments: vercel/next.js#73908

Credits

Huge thanks to @​devjiwonchoi and @​ztanner for helping!

v15.1.1-canary.24

Core Changes

• fix: update broken links in config-shared.d.ts: #74122
• fix: fix typos in errors.json & create-component-tree.tsx: #74471
• Safely retrieve router, improve page reload logic: #74209
• docs: bump year: #74475

Misc Changes

• docs(generate-static-params): add typescript example and missing jsx switcher: #73962
• docs(fetching-data-and-streaming): add missing types to example: #74081
• docs(use-cache): add missing switcher code blocks and types in examples: #74083

Credits

... (truncated)

Commits

• 4cbaaa1 v15.1.3
• 221d18b Backport v15: used shared worker for lint & typecheck steps (#74154) (#74285)
• 7d880a3 Backport v15: Retry manifest file loading only in dev mode (#73900) (#74283)
• df392a1 v15.1.2
• 40c9424 Backport (v15): Update React from 7283a213-20241206 to 65e06cb7-20241218 (#74...
• 4384c68 v15.1.1
• d137863 run build_and_test workflow on backport branch
• d27bb14 backport: fix(turbo): sassOptions silenceDeprecations was not overwritten wit...
• 0c8187a Add NEXT_PRIVATE_SKIP_CANARY_CHECK env for bench job (#73763)
• e83ab18 backport: refactor collectAppPageSegments (#73996)
• Additional commits viewable in compare view

Updates postcss from 8.4.35 to 8.4.49

Release notes

Sourced from postcss's releases.

8.4.49

• Fixed custom syntax without source.offset (by @​romainmenke).

8.4.48

• Fixed position calculation in error/warnings methods (by @​romainmenke).

8.4.47

• Removed debug code.

8.4.46

• Fixed Cannot read properties of undefined (reading 'before').

8.4.45

• Removed unnecessary fix which could lead to infinite loop.

8.4.44

• Another way to fix markClean is not a function error.

8.4.43

• Fixed markClean is not a function error.

8.4.42

• Fixed CSS syntax error on long minified files (by @​varpstar).

8.4.41

• Fixed types (by @​nex3 and @​querkmachine).
• Cleaned up RegExps (by @​bluwy).

8.4.40

• Moved to getter/setter in nodes types to help Sass team (by @​nex3).

8.4.39

• Fixed CssSyntaxError types (by @​romainmenke).

8.4.38

• Fixed endIndex: 0 in errors and warnings (by @​romainmenke).

8.4.37

• Fixed original.column are not numbers error in another case.

8.4.36

• Fixed original.column are not numbers error on broken previous source map.

Changelog

Sourced from postcss's changelog.

8.4.49

• Fixed custom syntax without source.offset (by @​romainmenke).

8.4.48

• Fixed position calculation in error/warnings methods (by @​romainmenke).

8.4.47

• Removed debug code.

8.4.46

• Fixed Cannot read properties of undefined (reading 'before').

8.4.45

• Removed unnecessary fix which could lead to infinite loop.

8.4.44

• Another way to fix markClean is not a function error.

8.4.43

• Fixed markClean is not a function error.

8.4.42

• Fixed CSS syntax error on long minified files (by @​varpstar).

8.4.41

• Fixed types (by @​nex3 and @​querkmachine).
• Cleaned up RegExps (by @​bluwy).

8.4.40

• Moved to getter/setter in nodes types to help Sass team (by @​nex3).

8.4.39

• Fixed CssSyntaxError types (by @​romainmenke).

8.4.38

• Fixed endIndex: 0 in errors and warnings (by @​romainmenke).

8.4.37

• Fixed original.column are not numbers error in another case.

8.4.36

• Fixed original.column are not numbers error on broken previous source map.

Commits

• aed8b89 Release 8.4.49 version
• 3450630 Fix position calculations when offset is missing (#1983)
• 77420d6 Release 8.4.48 version
• 341529f Update dependencies
• 66fa667 Add Node.js 23 to CI
• 1a8b261 fix inconsistent position calculations (#1980)
• 1cc6ac3 Clarify usage in docs
• 5e6fd13 Release 8.4.47 version
• 714bc10 Typo
• 439d20e Release 8.4.46 version
• Additional commits viewable in compare view

Updates postgres from 3.4.3 to 3.4.5

Release notes

Sourced from postgres's releases.

v3.4.5

• Fix for deno 2 5fb70c1
• Don't reassign to errors 4baef5e, f58cd4f
• Remove "worker" export as we now have "workerd" for cloudflare cc688c6

porsager/postgres@v3.4.4...v3.4.5

v3.4.4

• Ensure retryRoutines are only used for prepared statements - fixes #830 3e28f3a
• update lsn on Primary Keep Alive Message a5cd811
• add subscribe onerror handler 3e3d5e8
• Patch: Connection stuck after a while (#738) 6f20a48

porsager/postgres@v3.4.3...v3.4.4

Commits

• b231b68 3.4.5
• 5974e7f build
• 5fb70c1 Fix for deno 2
• f84f21a also node 22
• 75dab37 Try postgres 17 (might be too soon)
• 1818699 Update README.md to fix broken link to Node.js stream backpressure documentation
• 4baef5e Don't reassign to errors
• f58cd4f Don't reassign to errors
• e05585b corrects explnation of default max_lifetime values in deno/README.md
• 6bed5c0 corrects explnation of default max_lifetime values in README.md
• Additional commits viewable in compare view

Updates react from 18.2.0 to 19.0.0

Release notes

Sourced from react's releases.

19.0.0 (December 5, 2024)

Below is a list of all new features, APIs, deprecations, and breaking changes. Read React 19 release post and React 19 upgrade guide for more information.

Note: To help make the upgrade to React 19 easier, we’ve published a [email protected] release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19. We recommend upgrading to React 18.3.1 first to help identify any issues before upgrading to React 19.

New Features

React

• Actions: startTransition can now accept async functions. Functions passed to startTransition are called “Actions”. A given Transition can include one or more Actions which update state in the background and update the UI with one commit. In addition to updating state, Actions can now perform side effects including async requests, and the Action will wait for the work to finish before finishing the Transition. This feature allows Transitions to include side effects like fetch() in the pending state, and provides support for error handling, and optimistic updates.
• useActionState: is a new hook to order Actions inside of a Transition with access to the state of the action, and the pending state. It accepts a reducer that can call Actions, and the initial state used for first render. It also accepts an optional string that is used if the action is passed to a form action prop to support progressive enhancement in forms.
• useOptimistic: is a new hook to update state while a Transition is in progress. It returns the state, and a set function that can be called inside a transition to “optimistically” update the state to expected final value immediately while the Transition completes in the background. When the transition finishes, the state is updated to the new value.
• use: is a new API that allows reading resources in render. In React 19, use accepts a promise or Context. If provided a promise, use will suspend until a value is resolved. use can only be used in render but can be called conditionally.
• ref as a prop: Refs can now be used as props, removing the need for forwardRef.
• Suspense sibling pre-warming: When a component suspends, React will immediately commit the fallback of the nearest Suspense boundary, without waiting for the entire sibling tree to render. After the fallback commits, React will schedule another render for the suspended siblings to “pre-warm” lazy requests.

React DOM Client

• <form> action prop: Form Actions allow you to manage forms automatically and integrate with useFormStatus. When a <form> action succeeds, React will automatically reset the form for uncontrolled components. The form can be reset manually with the new requestFormReset API.
• <button> and <input> formAction prop: Actions can be passed to the formAction prop to configure form submission behavior. This allows using different Actions depending on the input.
• useFormStatus: is a new hook that provides the status of the parent <form> action, as if the form was a Context provider. The hook returns the values: pending, data, method, and action.
• Support for Document Metadata: We’ve added support for rendering document metadata tags in components natively. React will automatically hoist them into the <head> section of the document.
• Support for Stylesheets: React 19 will ensure stylesheets are inserted into the <head> on the client before revealing the content of a Suspense boundary that depends on that stylesheet.
• Support for async scripts: Async scripts can be rendered anywhere in the component tree and React will handle ordering and deduplication.
• Support for preloading resources: React 19 ships with preinit, preload, prefetchDNS, and preconnect APIs to optimize initial page loads by moving discovery of additional resources like fonts out of stylesheet loading. They can also be used to prefetch resources used by an anticipated navigation.

React DOM Server

• Added prerender and prerenderToNodeStream APIs for static site generation. They are designed to work with streaming environments like Node.js Streams and Web Streams. Unlike renderToString, they wait for data to load for HTML generation.

React Server Components

• RSC features such as directives, server components, and server functions are now stable. This means libraries that ship with Server Components can now target React 19 as a peer dependency with a react-server export condition for use in frameworks that support the Full-stack React Architecture. The underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x. See docs for how to support React Server Components.

Deprecations

• Deprecated: element.ref access: React 19 supports ref as a prop, so we’re deprecating element.ref in favor of element.props.ref. Accessing will result in a warning.
• react-test-renderer: In React 19, react-test-renderer logs a deprecation warning and has switched to concurrent rendering for web usage. We recommend migrating your tests to @​testinglibrary.com/docs/react-testing-library/intro/) or @​testingesting-library.com/docs/react-native-testing-library/intro)

Breaking Changes

React 19 brings in a number of breaking changes, including the removals of long-deprecated APIs. We recommend first upgrading to 18.3.1, where we've added additional deprecation warnings. Check out the upgrade guide for more details and guidance on codemodding.

React

• New JSX Transform is now required: We introduced a new JSX transform in 2020 to improve bundle size and use JSX without importing React. In React 19, we’re adding additional improvements like using ref as a prop and JSX speed improvements that require the new transform.
• Errors in render are not re-thrown: Errors that are not caught by an Error Boundary are now reported to window.reportError. Errors that are caught by an Error Boundary are reported to console.error. We’ve introduced onUncaughtError and onCaughtError methods to createRoot and hydrateRoot to customize this error handling.
• Removed: propTypes: Using propTypes will now be silently ignored. If required, we recommend migrating to TypeScript or another type-checking solution.
• Removed: defaultProps for functions: ES6 default parameters can be used in place. Class components continue to support defaultProps since there is no ES6 alternative.
• Removed: contextTypes and getChildContext: Legacy Context for class components has been removed in favor of the contextType API.

... (truncated)

Changelog

Sourced from react's changelog.

19.0.0 (December 5, 2024)

Below is a list of all new features, APIs, deprecations, and breaking changes. Read React 19 release post and React 19 upgrade guide for more information.

Note: To help make the upgrade to React 19 easier, we’ve published a [email protected] release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19. We recommend upgrading to React 18.3.1 first to help identify any issues before upgrading to React 19.

New Features

React

• Actions: startTransition can now accept async functions. Functions passed to startTransition are called “Actions”. A given Transition can include one or more Actions which update state in the background and update the UI with one commit. In addition to updating state, Actions can now perform side effects including async requests, and the Action will wait for the work to finish before finishing the Transition. This feature allows Transitions to include side effects like fetch() in the pending state, and provides support for error handling, and optimistic updates.
• useActionState: is a new hook to order Actions inside of a Transition with access to the state of the action, and the pending state. It accepts a reducer that can call Actions, and the initial state used for first render. It also accepts an optional string that is used if the action is passed to a form action prop to support progressive enhancement in forms.
• useOptimistic: is a new hook to update state while a Transition is in progress. It returns the state, and a set function that can be called inside a transition to “optimistically” update the state to expected final value immediately while the Transition completes in the background. When the transition finishes, the state is updated to the new value.
• use: is a new API that allows reading resources in render. In React 19, use accepts a promise or Context. If provided a promise, use will suspend until a value is resolved. use can only be used in render but can be called conditionally...

  Description has been truncated

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[dependabot]

Superseded by #3916.