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.13.9
autoprefixer	10.4.17	10.4.20
drizzle-orm	0.29.3	0.40.0
eslint	8.56.0	9.21.0
eslint-config-next	14.1.0	15.2.1
next	14.1.0	15.2.1
postcss	8.4.35	8.5.3
postgres	3.4.3	3.4.5
react	18.2.0	19.0.0
@types/react	18.2.55	19.0.10
react-dom	18.2.0	19.0.0
@types/react-dom	18.2.19	19.0.4
tailwindcss	3.4.1	4.0.9
typescript	5.3.3	5.8.2
drizzle-kit	0.20.14	0.30.5
pg	8.11.3	8.13.3

Updates @types/node from 20.11.17 to 22.13.9

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

Release notes

Sourced from drizzle-orm's releases.

0.40.0

New Features

Added Gel dialect support and gel-js client support

Drizzle is getting a new Gel dialect with its own types and Gel-specific logic. In this first iteration, almost all query-building features have been copied from the PostgreSQL dialect since Gel is fully PostgreSQL-compatible. The only change in this iteration is the data types. The Gel dialect has a different set of available data types, and all mappings for these types have been designed to avoid any extra conversions on Drizzle's side. This means you will insert and select exactly the same data as supported by the Gel protocol.

Drizzle + Gel integration will work only through drizzle-kit pull. Drizzle won't support generate, migrate, or push features in this case. Instead, drizzle-kit is used solely to pull the Drizzle schema from the Gel database, which can then be used in your drizzle-orm queries.

The Gel + Drizzle workflow:

1. Use the gel CLI to manage your schema.
2. Use the gel CLI to generate and apply migrations to the database.
3. Use drizzle-kit to pull the Gel database schema into a Drizzle schema.
4. Use drizzle-orm with gel-js to query the Gel database.

Here is a small example of how to connect to Gel using Drizzle:

// Make sure to install the 'gel' package 
import { drizzle } from "drizzle-orm/gel";
import { createClient } from "gel";
const gelClient = createClient();
const db = drizzle({ client: gelClient });
const result = await db.execute('select 1');

and drizzle-gel schema definition

import { gelTable, uniqueIndex, uuid, smallint, text } from "drizzle-orm/gel-core"
import { sql } from "drizzle-orm"
export const users = gelTable("users", {
id: uuid().default(sqluuid_generate_v4()).primaryKey(),
age: smallint(),
email: text().notNull(),
name: text(),
});

On the drizzle-kit side you can now use dialect: "gel"

// drizzle.config.ts
import { defineConfig } from 'drizzle-kit';
export default defineConfig({
dialect: 'gel',
</tr></table>

... (truncated)

Commits

• 53f578c DPRINT!!!
• 78f3604 Merge pull request #4173 from drizzle-team/beta
• df9ec8b Gel dialect (#4172)
• c27a9f2 Merge branch 'main' of github.com:drizzle-team/drizzle-orm into beta
• e5c63db Remove react from peer deps
• a346432 Merge pull request #4090 from drizzle-team/main
• 555e4ff Merge pull request #4064 from pffigueiredo/4063-fix-neon-auth-schema-name
• 9331ad1 Bump version
• 675df3f Rename Neon Auth schema
• 4d72640 Merge pull request #4037 from drizzle-team/beta
• Additional commits viewable in compare view

Updates eslint from 8.56.0 to 9.21.0

Release notes

Sourced from eslint's releases.

v9.21.0

Features

• 418717f feat: introduce new deprecated types for rules (#19238) (fnx)
• 5c5b802 feat: Add --ext CLI option (#19405) (Milos Djermanovic)

Bug Fixes

• db5340d fix: update missing plugin message template (#19445) (Milos Djermanovic)
• d8ffdd4 fix: do not exit process on rule crash (#19436) (Francesco Trotta)

Documentation

• c5561ea docs: Update README (GitHub Actions Bot)
• 80b0485 docs: replace var with let and const in rule example (#19434) (Tanuj Kanti)
• f67d5e8 docs: Update README (GitHub Actions Bot)
• 75afc61 docs: Update README (GitHub Actions Bot)
• 0636cab docs: Update Eleventy from v2 to v3 (#19415) (Amaresh S M)
• dd7d930 docs: Update README (GitHub Actions Bot)

Chores

• a8c9a9f chore: update @eslint/eslintrc and @eslint/js (#19453) (Francesco Trotta)
• 265e0cf chore: package.json update for @​eslint/js release (Jenkins)
• 3401b85 test: add test for Rule.ReportDescriptor type (#19449) (Francesco Trotta)
• e497aa7 chore: update rewrite dependencies (#19448) (Francesco Trotta)
• dab5478 chore: better error message for missing plugin in config (#19402) (Tanuj Kanti)
• ebfe2eb chore: set js language for bug report issue config block (#19439) (Josh Goldberg ✨)
• 5fd211d test: processors can return subpaths (#19425) (Milos Djermanovic)

v9.20.1

Bug Fixes

• 274f054 fix: fix RuleContext type (#19417) (Francesco Trotta)

Documentation

• fe3ccb2 docs: allow typing in search box while dropdown is open (#19424) (Amaresh S M)
• 93c78a5 docs: Add instructions for pnpm compat (#19422) (Nicholas C. Zakas)
• b476a93 docs: Fix Keyboard Navigation for Search Results (#19416) (Amaresh S M)
• ccb60c0 docs: Update README (GitHub Actions Bot)

v9.20.0

Features

• e89a54a feat: change behavior of inactive flags (#19386) (Milos Djermanovic)

Bug Fixes

• 91d4d9f fix: Bring types in sync with @​eslint/core (#19157) (Nicholas C. Zakas)
• fa25c7a fix: Emit warning when empty config file is used (#19399) (Nicholas C. Zakas)
• 31a9fd0 fix: Clearer error message for wrong plugin format (#19380) (Nicholas C. Zakas)
• 61d99e3 fix: Better error message for unserializable parser (#19384) (Nicholas C. Zakas)
• db1b9a6 fix: Ensure module scope is checked for references in consistent-this (#19383) (Nicholas C. Zakas)
• 8bcd820 fix: arrow-body-style crash with single-token body (#19379) (Milos Djermanovic)

Documentation

• b7012c8 docs: rewrite examples with var using let and const (#19407) (Mueez Javaid Hashmi)

... (truncated)

Changelog

Sourced from eslint's changelog.

v9.21.0 - February 21, 2025

• a8c9a9f chore: update @eslint/eslintrc and @eslint/js (#19453) (Francesco Trotta)
• 265e0cf chore: package.json update for @​eslint/js release (Jenkins)
• 418717f feat: introduce new deprecated types for rules (#19238) (fnx)
• 3401b85 test: add test for Rule.ReportDescriptor type (#19449) (Francesco Trotta)
• e497aa7 chore: update rewrite dependencies (#19448) (Francesco Trotta)
• c5561ea docs: Update README (GitHub Actions Bot)
• db5340d fix: update missing plugin message template (#19445) (Milos Djermanovic)
• d8ffdd4 fix: do not exit process on rule crash (#19436) (Francesco Trotta)
• dab5478 chore: better error message for missing plugin in config (#19402) (Tanuj Kanti)
• 80b0485 docs: replace var with let and const in rule example (#19434) (Tanuj Kanti)
• ebfe2eb chore: set js language for bug report issue config block (#19439) (Josh Goldberg ✨)
• f67d5e8 docs: Update README (GitHub Actions Bot)
• 75afc61 docs: Update README (GitHub Actions Bot)
• 5fd211d test: processors can return subpaths (#19425) (Milos Djermanovic)
• 0636cab docs: Update Eleventy from v2 to v3 (#19415) (Amaresh S M)
• 5c5b802 feat: Add --ext CLI option (#19405) (Milos Djermanovic)
• dd7d930 docs: Update README (GitHub Actions Bot)

v9.20.1 - February 11, 2025

• fe3ccb2 docs: allow typing in search box while dropdown is open (#19424) (Amaresh S M)
• 274f054 fix: fix RuleContext type (#19417) (Francesco Trotta)
• 93c78a5 docs: Add instructions for pnpm compat (#19422) (Nicholas C. Zakas)
• b476a93 docs: Fix Keyboard Navigation for Search Results (#19416) (Amaresh S M)
• ccb60c0 docs: Update README (GitHub Actions Bot)

v9.20.0 - February 7, 2025

• 979097a chore: upgrade @​eslint/js@​9.20.0 (#19412) (Francesco Trotta)
• 031734e chore: package.json update for @​eslint/js release (Jenkins)
• 91d4d9f fix: Bring types in sync with @​eslint/core (#19157) (Nicholas C. Zakas)
• b7012c8 docs: rewrite examples with var using let and const (#19407) (Mueez Javaid Hashmi)
• d4c47c3 test: avoid empty config warning in test output (#19408) (Milos Djermanovic)
• e89a54a feat: change behavior of inactive flags (#19386) (Milos Djermanovic)
• fa25c7a fix: Emit warning when empty config file is used (#19399) (Nicholas C. Zakas)
• 6406376 docs: Update README (GitHub Actions Bot)
• 350f2b9 docs: rewrite some examples with var using let and const (#19404) (Mueez Javaid Hashmi)
• 93c325a docs: rewrite examples with var using let and const (#19398) (Mueez Javaid Hashmi)
• 56ff404 docs: replace var with let or const in rules docs (#19396) (Daniel Harbrueger)
• 4053226 docs: change sourceType in no-eval examples (#19393) (Milos Djermanovic)
• 1324af0 docs: replace var with let and const in rules docs (#19392) (Daniel Harbrueger)
• 8b87e00 docs: replace var with const and let in rules (#19389) (Tanuj Kanti)
• 31a9fd0 fix: Clearer error message for wrong plugin format (#19380) (Nicholas C. Zakas)
• 61d99e3 fix: Better error message for unserializable parser (#19384) (Nicholas C. Zakas)
• 758c66b docs: Explain what frozen rules mean (#19382) (Nicholas C. Zakas)
• 67dd82a chore: update dependency @​eslint/json to ^0.10.0 (#19387) (renovate[bot])
• db1b9a6 fix: Ensure module scope is checked for references in consistent-this (#19383) (Nicholas C. Zakas)
• 8bcd820 fix: arrow-body-style crash with single-token body (#19379) (Milos Djermanovic)

... (truncated)

Commits

• ecd0ede 9.21.0
• a7ef4c7 Build: changelog update for 9.21.0
• a8c9a9f chore: update @eslint/eslintrc and @eslint/js (#19453)
• 265e0cf chore: package.json update for @​eslint/js release
• 418717f feat: introduce new deprecated types for rules (#19238)
• 3401b85 test: add test for Rule.ReportDescriptor type (#19449)
• e497aa7 chore: update rewrite dependencies (#19448)
• c5561ea docs: Update README
• db5340d fix: update missing plugin message template (#19445)
• d8ffdd4 fix: do not exit process on rule crash (#19436)
• 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.2.1

Release notes

Sourced from eslint-config-next's releases.

v15.2.1

Core Changes

• Unify Link and Form prefetching: #76184
• Turbopack: Ensure server actions sourcemaps tests pass: #76157
• [dev-overlay] control dark theme in one place: #76528
• [dev-overlay] change css var for terminal: #76590
• [dev-overlay] Discriminate stack frame settled typed: #76517
• Remove obsolete sourcePackage references: #76550
• refactor: remove unused variable in externals handling: #76599
• fix: Add popular embedding libraries to serverExternalPackages: #76574
• [Segment Cache] Implement hash-only navigations: #76179
• Webpack: abstract away getting compilation spans: #76579
• report compiler duration for webpack and improve numbers: #76665
• [dev-overlay] fix dark theme missing close bracket: #76672
• Remove revalidate property from incremental cache ctx for FETCH kind: #76500
• [dev-overlay] fix: env name label style was out of sync with error type label: #76668
• Turbopack: avoid celling source maps before minify: #76626
• refactor(CI): Merge all four bundler test manifest scripts into one: #76652
• [metadata] fix duplicate metadata for parallel routes: #76669
• [Segment Cache] Omit from bundle if flag disabled: #76622
• [Segment Cache] Support output: "export" mode: #75671
• [Segment Cache] Refresh on same-page navigation: #76223
• [metadata] re-enable streaming metadata with PPR: #76119
• [Segment Cache] Search param fallback handling: #75990
• [Segment Cache] Fix: canonicalURL omits origin: #76444
• fix metadata basePath for manifest: #76681
• Propagate expire time to cache-control header and prerender manifest: #76207
• Show revalidate/expire columns in build output: #76343
• Gate alternate bundler behind canary only: #76634
• [dynamicIO] routes with dynamic segments should be able to be static in dev: #76691
• [repo] upgrade ts 5.8.2: #76709
• [metadata]: ensure metadata boundary is only rendered once on client nav: #76692
• [metadata] clean up redudant options: #76712
• Fix uniqueness detection for generateStaticParams: #76713
• Upgrade React from 22e39ea7-20250225 to d55cc79b-20250228: #76680
• [Turbopack] Compute module batches and use them for chunking: #76133
• [Dev Tools] Improve keyboard interactions for menu & overlays: #76754
• Keep server code out of browser chunks: #76660
• Turbopack: inline minify into code generation and make it a plain function instead of a turbo tasks function: #76628
• fix edge runtime asset fetch in pages api: #76750
• Update use-cache-unknown-cache-kind.test.ts snapshot for alternate bundler: #76682

Example Changes

• docs: fix reading params code blocks: #76705

Misc Changes

• fix(rustdoc): Fix rustdoc warnings, block on rustdoc failures in CI: #76448

... (truncated)

Commits

• 6338781 v15.2.1
• 197b4bb v15.2.1-canary.6
• 0b699b1 v15.2.1-canary.5
• 6f6001a v15.2.1-canary.4
• 5f1df89 v15.2.1-canary.3
• f06a72e v15.2.1-canary.2
• 2497f81 v15.2.1-canary.1
• 83610c6 v15.2.1-canary.0
• b0416fb v15.2.0
• 166369d v15.2.0-canary.77
• Additional commits viewable in compare view

Updates next from 14.1.0 to 15.2.1

Release notes

Sourced from next's releases.

v15.2.1

Core Changes

• Unify Link and Form prefetching: #76184
• Turbopack: Ensure server actions sourcemaps tests pass: #76157
• [dev-overlay] control dark theme in one place: #76528
• [dev-overlay] change css var for terminal: #76590
• [dev-overlay] Discriminate stack frame settled typed: #76517
• Remove obsolete sourcePackage references: #76550
• refactor: remove unused variable in externals handling: #76599
• fix: Add popular embedding libraries to serverExternalPackages: #76574
• [Segment Cache] Implement hash-only navigations: #76179
• Webpack: abstract away getting compilation spans: #76579
• report compiler duration for webpack and improve numbers: #76665
• [dev-overlay] fix dark theme missing close bracket: #76672
• Remove revalidate property from incremental cache ctx for FETCH kind: #76500
• [dev-overlay] fix: env name label style was out of sync with error type label: #76668
• Turbopack: avoid celling source maps before minify: #76626
• refactor(CI): Merge all four bundler test manifest scripts into one: #76652
• [metadata] fix duplicate metadata for parallel routes: #76669
• [Segment Cache] Omit from bundle if flag disabled: #76622
• [Segment Cache] Support output: "export" mode: #75671
• [Segment Cache] Refresh on same-page navigation: #76223
• [metadata] re-enable streaming metadata with PPR: #76119
• [Segment Cache] Search param fallback handling: #75990
• [Segment Cache] Fix: canonicalURL omits origin: #76444
• fix metadata basePath for manifest: #76681
• Propagate expire time to cache-control header and prerender manifest: #76207
• Show revalidate/expire columns in build output: #76343
• Gate alternate bundler behind canary only: #76634
• [dynamicIO] routes with dynamic segments should be able to be static in dev: #76691
• [repo] upgrade ts 5.8.2: #76709
• [metadata]: ensure metadata boundary is only rendered once on client nav: #76692
• [metadata] clean up redudant options: #76712
• Fix uniqueness detection for generateStaticParams: #76713
• Upgrade React from 22e39ea7-20250225 to d55cc79b-20250228: #76680
• [Turbopack] Compute module batches and use them for chunking: #76133
• [Dev Tools] Improve keyboard interactions for menu & overlays: #76754
• Keep server code out of browser chunks: #76660
• Turbopack: inline minify into code generation and make it a plain function instead of a turbo tasks function: #76628
• fix edge runtime asset fetch in pages api: #76750
• Update use-cache-unknown-cache-kind.test.ts snapshot for alternate bundler: #76682

Example Changes

• docs: fix reading params code blocks: #76705

Misc Changes

• fix(rustdoc): Fix rustdoc warnings, block on rustdoc failures in CI: #76448

... (truncated)

Commits

• 6338781 v15.2.1
• 197b4bb v15.2.1-canary.6
• f5e2dcc Update use-cache-unknown-cache-kind.test.ts snapshot for alternate bundler (#...
• e45411e Fix flaky Bun test (#76763)
• 0940320 chore(github): move top prs and feature requests to different Slack channel (...
• 4369731 feat(CI): Revalidate vercel data cache on areweturboyet after uploading data ...
• 58a22f7 Disable flaky Turbopack tests (#76760)
• 6dc8579 fix edge runtime asset fetch in pages api (#76750)
• ead6e95 Fix: missing close brace in demo code (#76549)
• bd39335 toDisplayRedbox(): replace all occurrences of testDir (#76618)
• Additional commits viewable in compare view

Updates postcss from 8.4.35 to 8.5.3

Release notes

Sourced from postcss's releases.

8.5.3

• Added more details to Unknown word error (by @​hiepxanh).
• Fixed types (by @​romainmenke).
• Fixed docs (by @​catnipan).

8.5.2

• Fixed end position of rules with semicolon (by @​romainmenke).

8.5.1

• Fixed backwards compatibility for complex cases (by @​romainmenke).

8.5 “Duke Alloces”

PostCSS 8.5 brought API to work better with non-CSS sources like HTML, Vue.js/Svelte sources or CSS-in-JS.

@​romainmenke during his work on Stylelint added Input#document in additional to Input#css.

root.source.input.document //=> "<p>Hello</p>
                           //    <style>
                           //    p {
                           //      color: green;
                           //    }
                           //    </style>"
root.source.input.css      //=> "p {
                           //      color: green;
                           //    }"

Thanks to Sponsors

This release was possible thanks to our community.

If your company wants to support the sustainability of front-end infrastructure or wants to give some love to PostCSS, you can join our supporters by:

• Tidelift with a Spotify-like subscription model supporting all projects from your lock file.
• Direct donations at GitHub Sponsors or Open Collective.

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.

... (truncated)

Changelog

Sourced from postcss's changelog.

8.5.3

• Added more details to Unknown word error (by @​hiepxanh).
• Fixed types (by @​romainmenke).
• Fixed docs (by @​catnipan).

8.5.2

• Fixed end position of rules with semicolon (by @​romainmenke).

8.5.1

• Fixed backwards compatibility for complex cases (by @​romainmenke).

8.5 “Duke Alloces”

• Added Input#document for sources like CSS-in-JS or HTML (by @​romainmenke).

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

... (truncated)

Commits

• 22c309d Release 8.5.3 version
• a2b594f Update ESLint config
• 8232ba0 Fix tests
• 5082831 Fix text
• 4fdb54b update: parser.js to clarify error message
• 06006ec AtRule can be empty
• 755f08f fix typo: them -> then (#2016)
• 692fcde Release 8.5.2 version
• b70e98f Update dependencies
• ba587e3 Fix end position of rules with ownSemicon (#2012)
• 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 gener...

  Description has been truncated

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview