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

[dependabot]

Bumps the deps group with 26 updates in the /create-t3-app directory:

Package	From	To
@prisma/client	5.8.1	6.4.1
@tanstack/react-query	4.36.1	5.67.1
@trpc/client	10.45.0	10.45.2
@trpc/next	10.45.0	10.45.2
@trpc/react-query	10.45.0	10.45.2
@trpc/server	10.45.0	10.45.2
next	13.4.19	15.2.1
next-auth	4.24.5	4.24.11
react	18.2.0	19.0.0
@types/react	18.2.48	19.0.10
react-dom	18.2.0	19.0.0
@types/react-dom	18.2.18	19.0.4
superjson	1.13.1	2.2.2
zod	3.22.4	3.24.2
@types/node	20.11.5	22.13.9
@typescript-eslint/eslint-plugin	6.19.0	8.26.0
@typescript-eslint/parser	6.19.0	8.26.0
autoprefixer	10.4.16	10.4.20
eslint	8.56.0	9.21.0
eslint-config-next	13.4.19	15.2.1
postcss	8.4.33	8.5.3
prettier	3.2.4	3.5.3
prettier-plugin-tailwindcss	0.5.11	0.6.11
prisma	5.8.1	6.4.1
tailwindcss	3.4.1	4.0.11
typescript	5.3.3	5.8.2

Updates @prisma/client from 5.8.1 to 6.4.1

Release notes

Sourced from @​prisma/client's releases.

6.4.1

Today, we are issuing the 6.4.1 patch release. It fixes a few issues with the NPS survey and makes it respect the --no-hints CLI flag.

Fixes

Prisma CLI

• prisma/prisma#26364

6.4.0

Today, we are excited to share the 6.4.0 stable release 🎉

🌟 Help us spread the word about Prisma by starring the repo ☝️ or tweeting about the release. 🌟

Highlights

TypeScript-based configuration with prisma.config.ts (Early Access)

In this release, we're introducing an Early Access version of a TypeScript-based configuration file for Prisma ORM: prisma.config.ts.

This file will serve as a central configuration point for Prisma ORM:

import path from 'node:path'
export default {
earlyAccess: true, // required while in Early Access
schema: {
kind: 'single', // use 'multi' if you're using the prismaSchemaFolder preview feature
filePath: path.join('custom', 'prisma', 'schema.prisma')
}
})

With this file you are able to run any arbitrary code needed to get values required by Prisma ORM, such as database URLs from a secret store or fine-grained control of settings. It needs to live in the current working directory from where you're executing Prisma CLI commands (typically, the root of your project).

Note: If you're using prisma.config.ts, the Prisma CLI will not load environment variables from .env files. If you want to use a .env file with prisma.config.ts, you'll need to load the environment variables manually using the dotenv package (see here).

Learn more about the new prisma.config.ts file in the docs.

Case-insensitive mode in JSON filters

You can now do case-insensitive filtering on JSON data.

Just use the new mode option when filtering using string_contains, string_starts_with or string_ends_with in a JSON object and set it to "insensitive":

await prisma.user.findMany({
</tr></table> 

... (truncated)

Commits

• fe8ebbb fix(config): ts(2742) error (#26359)
• 5413f8a chore(deps): update engines to 6.4.0-29.a9055b89e58b4b5bfb59600785423b1db3d0e...
• bf427e3 chore(deps): update engines to 6.4.0-26.7e7c9b8394a8c99732582d1f3b0646e95e351...
• e002705 feat(prisma-config): ORM-628 use schema path from config file (#26333)
• 151a32f chore(deps): update engines to 6.4.0-25.613555cc0d9606bc115972eeb42c9127e09d2...
• 783fb1e fix(client): normalize outputDir (#21577)
• 839f215 refactor: extract reusable parts of the client engine into a new package (#26...
• 16be4b0 chore(deps): update engines to 6.4.0-24.b06b231b59f731b5063a26ba21c36320ce2fe...
• e241cc7 fix(bench): improve huge-schema benchmark stability on CodSpeed (#19327)
• 2c03244 fix(query compiler): add more known failing test (#26314)
• Additional commits viewable in compare view

Updates @tanstack/react-query from 4.36.1 to 5.67.1

Release notes

Sourced from @​tanstack/react-query's releases.

v5.67.1

Version 5.67.1 - 3/3/25, 3:57 PM

Changes

Refactor

• query-core: improve type safety and performance in getMutationDefaults (#8669) (4d8c27b) by yusheng chen

Packages

• @​tanstack/query-core@​5.67.1
• @​tanstack/query-broadcast-client-experimental@​5.67.1
• @​tanstack/query-persist-client-core@​5.67.1
• @​tanstack/query-sync-storage-persister@​5.67.1
• @​tanstack/react-query@​5.67.1
• @​tanstack/react-query-devtools@​5.67.1
• @​tanstack/react-query-persist-client@​5.67.1
• @​tanstack/react-query-next-experimental@​5.67.1
• @​tanstack/solid-query@​5.67.1
• @​tanstack/solid-query-devtools@​5.67.1
• @​tanstack/solid-query-persist-client@​5.67.1
• @​tanstack/svelte-query@​5.67.1
• @​tanstack/svelte-query-devtools@​5.67.1
• @​tanstack/svelte-query-persist-client@​5.67.1
• @​tanstack/vue-query@​5.67.1
• @​tanstack/vue-query-devtools@​5.67.1
• @​tanstack/angular-query-experimental@​5.67.1
• @​tanstack/query-async-storage-persister@​5.67.1
• @​tanstack/angular-query-devtools-experimental@​5.67.1

v5.67.0

Version 5.67.0 - 3/3/25, 3:45 PM

Changes

Feat

• types: typed query filters (#8670) (1b54251) by Dominik Dorfmeister

Test

• query-core: add hashKey test code (#8735) (e85df7a) by SeongMin Kim
• query-core: add test case for queryClient.isFetching (#8720) (5babd11) by @​manudeli

Docs

• angular-query: document angular httpclient and other data fetching solutions (#8732) (18e357c) by Arnoud

Packages

... (truncated)

Commits

• 3ccfa6e release: v5.67.1
• c0f27f6 release: v5.67.0
• 0bd5240 release: v5.66.11
• 2bf7ec6 fix(react-query): add warning when useBaseQuery is called without a queryFn (...
• 0f7510d release: v5.66.10
• ac4c56c fix(react-query): fix type breaking when using useSuspenseQueries with spread...
• e474f73 release: v5.66.9
• f63ba16 fix(types): prevent type errors and improve inference for dynamic queries on ...
• a4db9ed release: v5.66.8
• 9ac54b1 fix(react-query): fix inferring data as | undefined when using initialData wi...
• Additional commits viewable in compare view

Updates @trpc/client from 10.45.0 to 10.45.2

Release notes

Sourced from @​trpc/client's releases.

v10.45.2

What's Changed

• patch(server): upgrade to typescript 5.4 and do fixes due to breaking changes in typescript by @​KATT in trpc/trpc#5560

Full Changelog: trpc/trpc@v10.45.1...v10.45.2

v10.45.1

What's Changed

• fix(server): parse url safer in fetch adapter by @​KATT in trpc/trpc#5410
• fix(react-query): no ref in useHookResult() by @​KATT in trpc/trpc#5433

New Contributors

• @​cah4a made their first contribution in trpc/trpc#5250
• @​zacanger made their first contribution in trpc/trpc#5276

Full Changelog: trpc/trpc@v10.45.0...v10.45.1

Commits

• 936db6d v10.45.2
• 8db7f76 v10.45.1
• 82f7310 fix: enforce consistent type import/export (#5298)
• 4e101e3 fix: cache artifcats in entrypoints generation script (#5241)
• See full diff in compare view

Updates @trpc/next from 10.45.0 to 10.45.2

Release notes

Sourced from @​trpc/next's releases.

v10.45.2

What's Changed

• patch(server): upgrade to typescript 5.4 and do fixes due to breaking changes in typescript by @​KATT in trpc/trpc#5560

Full Changelog: trpc/trpc@v10.45.1...v10.45.2

v10.45.1

What's Changed

• fix(server): parse url safer in fetch adapter by @​KATT in trpc/trpc#5410
• fix(react-query): no ref in useHookResult() by @​KATT in trpc/trpc#5433

New Contributors

• @​cah4a made their first contribution in trpc/trpc#5250
• @​zacanger made their first contribution in trpc/trpc#5276

Full Changelog: trpc/trpc@v10.45.0...v10.45.1

Commits

• 936db6d v10.45.2
• 8db7f76 v10.45.1
• 82f7310 fix: enforce consistent type import/export (#5298)
• 9b63baa docs: update install snippets for @tanstack/react-query (#5280)
• 4e101e3 fix: cache artifcats in entrypoints generation script (#5241)
• See full diff in compare view

Updates @trpc/react-query from 10.45.0 to 10.45.2

Release notes

Sourced from @​trpc/react-query's releases.

v10.45.2

What's Changed

• patch(server): upgrade to typescript 5.4 and do fixes due to breaking changes in typescript by @​KATT in trpc/trpc#5560

Full Changelog: trpc/trpc@v10.45.1...v10.45.2

v10.45.1

What's Changed

• fix(server): parse url safer in fetch adapter by @​KATT in trpc/trpc#5410
• fix(react-query): no ref in useHookResult() by @​KATT in trpc/trpc#5433

New Contributors

• @​cah4a made their first contribution in trpc/trpc#5250
• @​zacanger made their first contribution in trpc/trpc#5276

Full Changelog: trpc/trpc@v10.45.0...v10.45.1

Commits

• See full diff in compare view

Updates @trpc/server from 10.45.0 to 10.45.2

Release notes

Sourced from @​trpc/server's releases.

v10.45.2

What's Changed

• patch(server): upgrade to typescript 5.4 and do fixes due to breaking changes in typescript by @​KATT in trpc/trpc#5560

Full Changelog: trpc/trpc@v10.45.1...v10.45.2

v10.45.1

What's Changed

• fix(server): parse url safer in fetch adapter by @​KATT in trpc/trpc#5410
• fix(react-query): no ref in useHookResult() by @​KATT in trpc/trpc#5433

New Contributors

• @​cah4a made their first contribution in trpc/trpc#5250
• @​zacanger made their first contribution in trpc/trpc#5276

Full Changelog: trpc/trpc@v10.45.0...v10.45.1

Commits

• 936db6d v10.45.2
• e9e0821 patch(server): upgrade to typescript 5.4 and do fixes (#5560)
• 8db7f76 v10.45.1
• 0d93bc9 fix(server): parse url safer in fetch adapter (#5410)
• 82f7310 fix: enforce consistent type import/export (#5298)
• 444b08a docs: update error.cause comment (#5276)
• 4e101e3 fix: cache artifcats in entrypoints generation script (#5241)
• 353f6c2 chore(deps): update dependency valibot to ^0.25.0 (#5231)
• See full diff in compare view

Updates next from 13.4.19 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 next-auth from 4.24.5 to 4.24.11

Release notes

Sourced from next-auth's releases.

[email protected]

What's Changed

• fix: functions that return promises must be async by @​thomaslindstrom in nextauthjs/next-auth#12105
• fix: support AUTH_SECRET for compat with npx auth secret by @​balazsorban44 in nextauthjs/next-auth@490a033

Full Changelog: https://github.com/nextauthjs/next-auth/compare/[email protected]@4.24.10

[email protected]

What's Changed

• chore(docs): fix typo in WorkOS documentation by @​outofgamut in nextauthjs/next-auth#11959
• chore(v4): add neon sponsor by @​ndom91 in nextauthjs/next-auth#12008
• cookie package upgraded by @​talyuk in nextauthjs/next-auth#12046
• Allow Next.js v15 peer dependency by @​thomaslindstrom in nextauthjs/next-auth#12098
• await dynamic APIs as per Next.js 15 changes by @​balazsorban44 in nextauthjs/next-auth@4d143c5

New Contributors

• @​outofgamut made their first contribution in nextauthjs/next-auth#11959
• @​talyuk made their first contribution in nextauthjs/next-auth#12046
• @​thomaslindstrom made their first contribution in nextauthjs/next-auth#12098

Full Changelog: https://github.com/nextauthjs/next-auth/compare/[email protected]@4.24.9

Commits

• 6bca388 chore(release): bump version [skip ci]
• c46fd4f chore(deps): allow react v19 as peer deps (#12352)
• 3dfe5d5 chore: Update docusaurus.config.js
• 0447db0 chore(v4): add sent.dm sponsor (#12172)
• 5a5859a docs: Update options.md
• 5ad7fb4 docs: Update options.md
• c7ea50d chore(release): bump version [skip ci]
• 490a033 fix: support AUTH_SECRET for compat with npx auth secret
• 1e6be72 fix: functions that return promises must be async (#12105)
• ddab3cc chore(release): bump version [skip ci]
• 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.
• 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 @​testing-library/react or @​testing-library/react-native

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.

... (truncated)

Commits

• e137890 [string-refs] cleanup string ref code (#31443)
• d1f0472 [string-refs] remove enableLogStringRefsProd flag (#31414)
• 3dc1e48 Followup: remove dead test code from #30346 (#31415)
• 07aa494 Remove enableRefAsProp feature flag (#30346)
• 45804af [flow] Eliminate usage of more than 1-arg React.AbstractComponent in React ...
• 5636fad [string-refs] log string ref from prod (#31161)
• b78a7f2 [rcr] Re-export useMemoCache in top level React namespace (#31139)
• 4e9540e [Fiber] Log the Render/Commit phases and the gaps in between (#31016)
• d4688df [Fiber] Track Event Time, startTransition Time and setState Time (#31008)
• 15da917 Don't read currentTransition back from internals (#30991)
• Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by react-bot, a new releaser for react since your current version.

Updates @types/react from 18.2.48 to 19.0.10

Commits

• See full diff in compare view

Updates react-dom from 18.2.0 to 19.0.0

Release notes

Sourced from react-dom'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 migrat...

  Description has been truncated

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview