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.5
autoprefixer	10.4.17	10.4.20
drizzle-orm	0.29.3	0.38.3
eslint	8.56.0	9.18.0
eslint-config-next	14.1.0	15.1.4
next	14.1.0	15.1.4
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.6
react-dom	18.2.0	19.0.0
@types/react-dom	18.2.19	19.0.3
tailwindcss	3.4.1	3.4.17
typescript	5.3.3	5.7.3
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.5

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.18.0

Release notes

Sourced from eslint's releases.

v9.18.0

Features

• e84e6e2 feat: Report allowed methods for no-console rule (#19306) (Anna Bocharova)
• 8efc2d0 feat: unflag TypeScript config files (#19266) (Francesco Trotta)
• 87a9352 feat: check imports and class names in no-shadow-restricted-names (#19272) (Milos Djermanovic)

Bug Fixes

• da768d4 fix: correct overrideConfigFile type (#19289) (Francesco Trotta)

Documentation

• d9c23c5 docs: replace var with const in rule examples (#19325) (Tanuj Kanti)
• 8e1a898 docs: add tabs to cli code blocks (#18784) (Jay)
• f3aeefb docs: rewrite using let and const in rule examples (#19320) (PoloSpark)
• 0b680b3 docs: Update README (GitHub Actions Bot)
• 98c86a9 docs: Edit this page button link to different branches (#19228) (Tanuj Kanti)
• 6947901 docs: remove hardcoded edit link (#19323) (Milos Djermanovic)
• 03f2f44 docs: rewrite var with const in rules examples (#19317) (Thiago)
• 26c3003 docs: Clarify dangers of eslint:all (#19318) (Nicholas C. Zakas)
• c038257 docs: add eqeqeq in related rules to no-eq-null (#19310) (루밀LuMir)
• 89c8fc5 docs: rewrite examples with var using let and const (#19315) (Amaresh S M)
• db574c4 docs: add missing backticks to no-void (#19313) (루밀LuMir)
• 8d943c3 docs: add missing backticks to default-case-last (#19311) (루밀LuMir)
• 36ef8bb docs: rewrite examples with var using let and const (#19298) (Amaresh S M)
• 1610c9e docs: add missing backticks to no-else-return (#19309) (루밀LuMir)
• df409d8 docs: Update README (GitHub Actions Bot)
• 2e84213 docs: Fix Horizontal Scroll Overflow in Rule Description on Mobile View (#19304) (Amaresh S M)
• 6e7361b docs: replace var with let and const in rule example (#19302) (Tanuj Kanti)
• 069af5e docs: rewrite var using const in rule examples (#19303) (Kim GyeonWon)
• 064e35d docs: remove 'I hope to' comments from scope-manager-interface (#19300) (Josh Goldberg ✨)
• 8e00305 docs: replace var with const in rule examples (#19299) (Tanuj Kanti)
• a559009 docs: Add warning about extending core rules (#19295) (Nicholas C. Zakas)
• 0bfdf6c docs: Update README (GitHub Actions Bot)
• ce0b9ff docs: add navigation link for code explorer (#19285) (Tanuj Kanti)
• e255cc9 docs: add bluesky icon to footer (#19290) (Tanuj Kanti)
• 5d64851 docs: remove outdated info about environments (#19296) (Francesco Trotta)
• eec01f0 docs: switch rule examples config format to languageOptions (#19277) (Milos Djermanovic)
• b36ca0a docs: Fixing Focus Order by Rearranging Element Sequence (#19241) (Amaresh S M)
• d122c8a docs: add missing backticks to sort-imports (#19282) (루밀LuMir)
• 0367a70 docs: update custom parser docs (#19288) (Francesco Trotta)
• 8c07ebb docs: add border-radius to hX:target selector styles (#19270) (루밀LuMir)
• eff7c57 docs: add limitation section in no-loop-func (#19287) (Tanuj Kanti)
• 5db226f docs: add missing backticks in various parts of the documentation (#19269) (루밀LuMir)
• 789edbb docs: Update README (GitHub Actions Bot)
• 613c06a docs: mark rules that are frozen with ❄️ (#19231) (Amaresh S M)
• 43172ec docs: Update README (GitHub Actions Bot)
• ac8b3c4 docs: fix description of overrideConfigFile option (#19262) (Milos Djermanovic)
• bbb9b46 docs: Update README (GitHub Actions Bot)
• 995b492 docs: fix inconsistent divider in rule categories box (#19249) (Tanuj Kanti)
• f76d05d docs: Refactor search result handling with better event listener cleanup (#19252) (Amaresh S M)
• c5f3d7d docs: Update README (GitHub Actions Bot)

... (truncated)

Changelog

Sourced from eslint's changelog.

v9.18.0 - January 10, 2025

• c52be85 chore: upgrade to @eslint/js@9.18.0 (#19330) (Francesco Trotta)
• 362099c chore: package.json update for @​eslint/js release (Jenkins)
• 9486141 deps: upgrade @eslint/core and @eslint/plugin-kit (#19329) (Francesco Trotta)
• d9c23c5 docs: replace var with const in rule examples (#19325) (Tanuj Kanti)
• 8e1a898 docs: add tabs to cli code blocks (#18784) (Jay)
• f3aeefb docs: rewrite using let and const in rule examples (#19320) (PoloSpark)
• 0b680b3 docs: Update README (GitHub Actions Bot)
• 98c86a9 docs: Edit this page button link to different branches (#19228) (Tanuj Kanti)
• 6947901 docs: remove hardcoded edit link (#19323) (Milos Djermanovic)
• 03f2f44 docs: rewrite var with const in rules examples (#19317) (Thiago)
• 26c3003 docs: Clarify dangers of eslint:all (#19318) (Nicholas C. Zakas)
• c038257 docs: add eqeqeq in related rules to no-eq-null (#19310) (루밀LuMir)
• 89c8fc5 docs: rewrite examples with var using let and const (#19315) (Amaresh S M)
• 495aa49 chore: extract package name from package.json for public interface (#19314) (루밀LuMir)
• db574c4 docs: add missing backticks to no-void (#19313) (루밀LuMir)
• 8d943c3 docs: add missing backticks to default-case-last (#19311) (루밀LuMir)
• 36ef8bb docs: rewrite examples with var using let and const (#19298) (Amaresh S M)
• 1610c9e docs: add missing backticks to no-else-return (#19309) (루밀LuMir)
• df409d8 docs: Update README (GitHub Actions Bot)
• e84e6e2 feat: Report allowed methods for no-console rule (#19306) (Anna Bocharova)
• 2e84213 docs: Fix Horizontal Scroll Overflow in Rule Description on Mobile View (#19304) (Amaresh S M)
• 6e7361b docs: replace var with let and const in rule example (#19302) (Tanuj Kanti)
• 069af5e docs: rewrite var using const in rule examples (#19303) (Kim GyeonWon)
• 064e35d docs: remove 'I hope to' comments from scope-manager-interface (#19300) (Josh Goldberg ✨)
• 8e00305 docs: replace var with const in rule examples (#19299) (Tanuj Kanti)
• a559009 docs: Add warning about extending core rules (#19295) (Nicholas C. Zakas)
• 0bfdf6c docs: Update README (GitHub Actions Bot)
• ce0b9ff docs: add navigation link for code explorer (#19285) (Tanuj Kanti)
• e255cc9 docs: add bluesky icon to footer (#19290) (Tanuj Kanti)
• 5d64851 docs: remove outdated info about environments (#19296) (Francesco Trotta)
• eec01f0 docs: switch rule examples config format to languageOptions (#19277) (Milos Djermanovic)
• b36ca0a docs: Fixing Focus Order by Rearranging Element Sequence (#19241) (Amaresh S M)
• d122c8a docs: add missing backticks to sort-imports (#19282) (루밀LuMir)
• 0367a70 docs: update custom parser docs (#19288) (Francesco Trotta)
• da768d4 fix: correct overrideConfigFile type (#19289) (Francesco Trotta)
• 8c07ebb docs: add border-radius to hX:target selector styles (#19270) (루밀LuMir)
• eff7c57 docs: add limitation section in no-loop-func (#19287) (Tanuj Kanti)
• 8efc2d0 feat: unflag TypeScript config files (#19266) (Francesco Trotta)
• 87a9352 feat: check imports and class names in no-shadow-restricted-names (#19272) (Milos Djermanovic)
• 5db226f docs: add missing backticks in various parts of the documentation (#19269) (루밀LuMir)
• 789edbb docs: Update README (GitHub Actions Bot)
• 613c06a docs: mark rules that are frozen with ❄️ (#19231) (Amaresh S M)
• 43172ec docs: Update README (GitHub Actions Bot)
• ac8b3c4 docs: fix description of overrideConfigFile option (#19262) (Milos Djermanovic)
• 6fe0e72 chore: update dependency @​eslint/json to ^0.9.0 (#19263) (renovate[bot])
• bbb9b46 docs: Update README (GitHub Actions Bot)
• 995b492 docs: fix inconsistent divider in rule categories box (#19249) (Tanuj Kanti)
• f76d05d docs: Refactor search result handling with better event listener cleanup (#19252) (Amaresh S M)

... (truncated)

Commits

• 1c87b41 9.18.0
• 4df3132 Build: changelog update for 9.18.0
• c52be85 chore: upgrade to @eslint/js@9.18.0 (#19330)
• 362099c chore: package.json update for @​eslint/js release
• 9486141 deps: upgrade @eslint/core and @eslint/plugin-kit (#19329)
• d9c23c5 docs: replace var with const in rule examples (#19325)
• 8e1a898 docs: add tabs to cli code blocks (#18784)
• f3aeefb docs: rewrite using let and const in rule examples (#19320)
• 0b680b3 docs: Update README
• 98c86a9 docs: Edit this page button link to different branches (#19228)
• 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.4

Release notes

Sourced from eslint-config-next's releases.

v15.1.4

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

Core Changes

• backport: force module format for virtual client-proxy (#74608)
• Fix prerender tags when notFound is called (#74607)
• Use provided waitUntil for pending revalidates (#74604)
• Feature: next/image: add support for images.qualities in next.config (#74588)
• Chore: docs: add missing search: '' on remotePatterns (#74587)
• Chore: docs: update version history of next/image (#73923) (#74570)
• Chore: next/image: improve imgopt api bypass detection for unsupported images (#74569)

Credits

Huge thanks to @ and @ for helping!

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

... (truncated)

Commits

• 48f2588 v15.1.4
• 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
• Additional commits viewable in compare view

Updates next from 14.1.0 to 15.1.4

Release notes

Sourced from next's releases.

v15.1.4

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

Core Changes

• backport: force module format for virtual client-proxy (#74608)
• Fix prerender tags when notFound is called (#74607)
• Use provided waitUntil for pending revalidates (#74604)
• Feature: next/image: add support for images.qualities in next.config (#74588)
• Chore: docs: add missing search: '' on remotePatterns (#74587)
• Chore: docs: update version history of next/image (#73923) (#74570)
• Chore: next/image: improve imgopt api bypass detection for unsupported images (#74569)

Credits

Huge thanks to @ and @ for helping!

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

... (truncated)

Commits

• 48f2588 v15.1.4
• dcb208e backport: force module format for virtual client-proxy (#74162) (#74608)
• 6f6766a Fix prerender tags when notFound is called (#74577) (#74607)
• a46f27f Use provided waitUntil for pending revalidates (#74164) (#74604)
• bc6acf6 feat(next/image): add support for images.qualities in next.config (#74588)
• d253ac5 chore(docs): add missing search: '' on remotePatterns (#73925) (#74587)
• 7b195a8 chore(docs): update version history of next/image (#73923) (#74570)
• 5a501d3 chore(next/image): improve imgopt api bypass detection for unsupported images...
• 4cbaaa1 v15.1.3
• 221d18b Backport v15: used shared worker for lint & typecheck steps (#74154) (#74285)
• 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 react@18.3 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 ...

  Description has been truncated

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[dependabot]

Superseded by #4022.