v18.1.0

Compare Source

React DOM

• Fix the false positive warning about react-dom/client when using UMD bundle. (@​alireza-molaee in #​24274)
• Fix suppressHydrationWarning to work in production too. (@​gaearon in #​24271)
• Fix componentWillUnmount firing twice inside of Suspense. (@​acdlite in #​24308)
• Fix some transition updates being ignored. (@​acdlite in #​24353)
• Fix useDeferredValue causing an infinite loop when passed an unmemoized value. (@​acdlite in #​24247)
• Fix throttling of revealing Suspense fallbacks. (@​sunderls in #​24253)
• Fix an inconsistency in whether the props object is the same between renders. (@​Andarist and @​acdlite in #​24421)
• Fix a missing warning about a setState loop in useEffect. (@​gaearon in #​24298)
• Fix a spurious hydration error. (@​gnoff in #​24404)
• Warn when calling setState in useInsertionEffect. (@​gaearon in #​24295)
• Ensure the reason for hydration errors is always displayed. (@​gaearon in #​24276)

React DOM Server

• Fix escaping for the bootstrapScriptContent contents. (@​gnoff in #​24385)
• Significantly improve performance of renderToPipeableStream. (@​gnoff in #​24291)

ESLint Plugin: React Hooks

• Fix false positive errors with a large number of branches. (@​scyron6 in #​24287)
• Don't consider a known dependency stable when the variable is reassigned. (@​afzalsayed96 in #​24343)

Use Subscription

• Replace the implementation with the use-sync-external-store shim. (@​gaearon in #​24289)

v18.0.0

Compare Source

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

New Features

React

• useId is a new hook for generating unique IDs on both the client and server, while avoiding hydration mismatches. It is primarily useful for component libraries integrating with accessibility APIs that require unique IDs. This solves an issue that already exists in React 17 and below, but it’s even more important in React 18 because of how the new streaming server renderer delivers HTML out-of-order.
• startTransition and useTransition let you mark some state updates as not urgent. Other state updates are considered urgent by default. React will allow urgent state updates (for example, updating a text input) to interrupt non-urgent state updates (for example, rendering a list of search results).
• useDeferredValue lets you defer re-rendering a non-urgent part of the tree. It is similar to debouncing, but has a few advantages compared to it. There is no fixed time delay, so React will attempt the deferred render right after the first render is reflected on the screen. The deferred render is interruptible and doesn't block user input.
• useSyncExternalStore is a new hook that allows external stores to support concurrent reads by forcing updates to the store to be synchronous. It removes the need for useEffect when implementing subscriptions to external data sources, and is recommended for any library that integrates with state external to React.
• useInsertionEffect is a new hook that allows CSS-in-JS libraries to address performance issues of injecting styles in render. Unless you’ve already built a CSS-in-JS library we don’t expect you to ever use this. This hook will run after the DOM is mutated, but before layout effects read the new layout. This solves an issue that already exists in React 17 and below, but is even more important in React 18 because React yields to the browser during concurrent rendering, giving it a chance to recalculate layout.

React DOM Client

These new APIs are now exported from react-dom/client:

• createRoot: New method to create a root to render or unmount. Use it instead of ReactDOM.render. New features in React 18 don't work without it.
• hydrateRoot: New method to hydrate a server rendered application. Use it instead of ReactDOM.hydrate in conjunction with the new React DOM Server APIs. New features in React 18 don't work without it.

Both createRoot and hydrateRoot accept a new option called onRecoverableError in case you want to be notified when React recovers from errors during rendering or hydration for logging. By default, React will use reportError, or console.error in the older browsers.

React DOM Server

These new APIs are now exported from react-dom/server and have full support for streaming Suspense on the server:

• renderToPipeableStream: for streaming in Node environments.
• renderToReadableStream: for modern edge runtime environments, such as Deno and Cloudflare workers.

The existing renderToString method keeps working but is discouraged.

v13.0.0

Compare Source

Core Changes

• Use resolved url in flight entry loader: #​40697
• Handle redirects in new router: #​40396
• Combine redirect function in new router: #​40717
• fix: InferGetServerSidePropsType and InferGetStaticPropsType: #​40635
• Update to leverage AsyncLocalStorage for app static handling: #​40727
• Change flight querystring to header: #​40752
• Improved bundling strategy for the server graph: #​40739
• Remove unnecessary experimental flag: #​40766
• next-swc: add next-font-loaders to crates/core: #​40221
• Add next font package: #​40227
• Strip internal pages for pagesDir in app edge ssr: #​40776
• Add support for font loaders: #​40746
• Set __NEXT_NEW_LINK_BEHAVIOR in Jest tests when newNextLinkBehavior is true: #​40702
• Add handling for 404 in new router: #​40787
• Fix alias paths for bundling: #​40800
• Fix required server files for font loader manifest: #​40784
• Add local font loader: #​40801
• Update error handling during app static generation: #​40823
• Handle redirect in same way as 404 in new router: #​40796
• build: upgrade edge-runtime: #​40788
• Allow export const in font loader: #​40836
• chore: Update swc: #​40832
• Update app-router options type: #​40862
• Flight client navigation error: #​40861
• Use startTransition for hydrateRoot to opt-in to non-blocking hydration: #​40874
• Add optoutServerComponentsBundle option: #​40770
• Apply #​40833: #​40872
• Upgrade react@experimental: #​40885
• Update handling of redirect/404 throw to cross server->client boundary: #​40890
• Update pre-compiled: #​40914
• Update font loader output path: #​40868
• Disable head element lint rule for appDir: #​40921
• Should resolve esm external module imports on server: #​40865
• edge-ssr: bundle next/dist as ESM for better tree-shaking: #​40251
• Improve types for <Image /> and responseLimit: #​40863
• chore: Update swc: #​40928
• Ensure skipClientCache is honored for router.push: #​40932
• Fix bundling and module resolution in the server layer: #​40818
• Handle loading returning undefined: #​40938
• Fix SWC loader ignore for the server layer when Babel is used: #​40939
• Code refactoring for webpack-config: #​40942
• Merge e2e test node_modules: #​40926
• Rename 404 -> not-found for new router: #​40941
• remove reducer from server bundle: #​40959
• [edge] serialize custom config to middleware-manifest: #​40881
• Font loader support in app: #​40898
• docs: add inline documentation for Link props: #​40855
• feat(experimental): option to polyfill fetch using undici in Node.js <18: #​40318
• Update return shape of generateStaticParams: #​40965
• remove legacy transform code: #​40966
• Revert "edge-ssr: bundle next/dist as ESM for better tree-shaking (#​40251): #​40967
• Update to use HEAD request for middleware query hydration: #​40973
• Revert "Merge e2e test node_modules (#​40926)": #​40974
• edge-ssr: bundle next/dist as ESM for better tree-shaking (#​40251): #​40980
• Rename flight parameters to rsc/next: #​40979
• Remove outdated warning: #​40988
• misc: add MANGLING_DEBUG option: #​40958
• Fix wrong code condition used when bundling the server: #​40987
• Move pagesDir handling out of wrappedRender: #​40995
• Fix unused CSS module imports are tracked on the server: #​40996
• Skip creating virtual app client entry for pages: #​41000
• chore: remove unsless @​ts-ignore: #​40992
• Add support for fallback font and css variable for font/local: #​40990
• Use throw to trigger Suspense to avoid use() in reducer warning: #​40950
• chore: Update swc: #​40983
• Revert "chore: Update swc": #​41015
• Docs for experimental font optimization adjustFontFallbacks: #​40771
• Drop legacy React DOM Server in Edge runtime: #​40018
• misc: make useReducerWithDevtools noop on server: #​41019
• Remove reload on serverComponentChanges in pages: #​41020
• chore: Update swc_core to v0.28.10: #​41016
• Alias all client, shared, pages dist assets for esm: #​41034
• Add Replay integration for dev e2e tests: #​40955
• Add with-xata example: #​39864
• Make sure polyfills are added for browsers without module support: #​41029
• Move handling of navigation to pages from new router: #​41001
• Adding experimental size adjust based option: #​41009
• chore: add build step to eslint-plugin-next: #​38647
• chore: make sure polyfills are built for pnpm dev: #​40335
• refactor: migrate eslint-plugin-next to typescript: #​41046
• Improve experimental feature naming: #​41060
• Full page reload when navigating to new root layout: #​40751
• Use deterministic module IDs for server: #​41066
• Accept variable prop in google font loader: #​41065
• Font loader call json parsing fix: #​41052
• build(next/swc): consolidate swc_core dependency version: #​41043
• Skip pagesDirRules when pagesDir is not present: #​41075
• Fix experimental undici warning: #​41077
• Temporarily disable prefetch in new router: #​41086
• Add conflicting app and page error: #​41099
• chore(server): improve dev logs formatting: #​41109
• rename flush effects to server inserted html: #​41073
• Check required root layout tags: #​41120
• Lint files with mjs, mts, cjs and cts extension by default: #​40879
• Improve error messages of server compilation: #​41136
• Fix edge function req.url handling with rewrite: #​41139
• Ensure entry tracing applies for app correctly: #​41140
• add attribution to web vitals: #​39368
• Update minimum required Node.js version to v14: #​41150
• Handle hmr for edge ssr in app dir: #​41156
• chore: Update swc_core to v0.28.20: #​41153
• Remove unnecessary moduleId option: #​41160
• Apply experimental configs for middleware: #​41142
• Fix reading edge info for app paths: #​41163
• Fix warning messages for next export: #​41165
• Refactor app dir related flags: #​41166
• Fix prefetch for new router: #​41119
• Disable built-in css-in-js transform on server layer: #​41040
• docs(image): improve error message when sharp is missing in standalone mode: #​41133
• Fix latest experimental react and experimental-edge and unpin test versions: #​41200
• Font loader with babel error: #​41151
• Remove hook_optimizer transform: #​41203
• chore: Update swc_core to v0.29.5: #​41181
• Update edge runtime to 1.1.0-beta.37: #​41211
• Alias next/dynamic to lazy impl for appDir: #​41216
• Do not bundle react-dom in the SSR build: #​41227
• Add response stream errorhandling in edge-function-runtime: #​41102
• App font file preload: #​41158
• Fix app static generation cases: #​41172
• Enabel appDir when flag and dir existed at the same time: #​41233
• Font loaders next config shape: #​41219
• refactor dev overlay into hot reloader: #​41231
• fix(middleware): 'instanceof Function' is dynamic code false-positive: #​41249
• Snyk upgrade 2701033: #​41240
• fix(ts): relax AppProps to not require generic: #​41264
• Recover from font loader error in dev: #​41251
• Handle as on next/link with new router: #​41285
• Load beforeInteractive scripts properly without blocking hydration: #​41164
• Add test for link back to original page: #​41297
• Local font files adjust fallbacks: #​41180
• Update middleware query hydration handling: #​41243
• Fix NextUrl trailing slash normalize for data route: #​41311
• Global layouts error boundary: #​41305
• fix(image): don't show placeholder warning in Jest: #​41329
• Handle error overlay for new router: #​41325
• fix(standalone): support type: "module": #​41268
• perf: lazyload the edge runtime in NextServer: #​41322
• Add pretty error when image import is invalid format: #​41267
• chore: Update swc_core to v0.32.8: #​41304
• Client component directive: use client: #​41333
• Fix middleware rewrite for _next/data: #​41341
• Add codemods for next/image: #​41004
• Fix middleware URL normalize case: #​41342
• Update next/image codemod to handle require(): #​41345
• Ensure RSC paths are normalized in minimal mode: #​41348
• Refactor error overlay for new router: #​41343
• inline httpproxy usage: #​41330
• proper error if middleware or api/route not return a Response: #​41336
• Fix CSS imports tree-shaking: #​41357
• Ensure content is kept rendered below the error overlay on build errors in new router: #​41360
• refactor(#​41164): polyfill-module should block hydration: #​41352
• Fix onLoad prop in next/future/image: #​41374
• Add exports for new router: #​41368
• App font loader tree shaking: #​41384
• perf: lazy eval headers from the requestStore: #​41353
• fix: disable css cache busting in production: #​41392
• Upgrade next-swc-napi to NAPI-RS v2: #​40094
• Fix prefetching for static app paths: #​41398
• perf: lazy evaluate more modules: #​41354
• BREAKING CHANGE: Rename next/image to next/legacy/image & rename next/future/image to next/image: #​41399
• Fix edge workers being re-used unexpectedly: #​41402
• Remove edge shared deps: #​41413
• Upgrade React experimental: #​41419
• Update edge runtime to 1.1.0-beta.39: #​41418
• Update flakey dev AMP tests: #​41428
• Add new diagnostics: #​41429
• Move root layout validation: #​41338
• chore: bump server pre-compiled target to Node.js 14: #​41424
• Fix middleware dynamic route param on query hydration: #​41436
• chore: Update swc_core to v0.38.4: #​41401
• Don't show error overlay for not found and redirect: #​41438
• Change useSearchParams to URLSearchParams: #​40978
• perf(#​41392): improve cache busting inject performance: #​41443
• Rename reload to refresh in new router: #​41448
• Disable isNavigatingToNewRootLayout: #​41457
• fix(app-render): make css and font respect assetPrefix: #​41455
• Ignore serverComponentChanges in pages: #​41464
• Include frameworks in main-app: #​41465
• Fix typo and add comment to next/image SyntheticEvent: #​41480
• Update next/image docs and examples: #​41434
• chore: Update swc_core to v0.38.22: #​41477
• Fix useSearchParams comment: #​41483
• fix(stream): Allows body larger than 16 KiB with middleware: #​41270
• fix(41456): check src/app folder too in getHasAppDir: #​41458
• BREAKING CHANGE: Enable newNextLinkBehavior: #​41459
• Avoid using the CSS href as the link tag key: #​41493
• Fix global css being marked as side effect free: #​41481
• Append the fragment in NextUrl.toString(): #​41501
• Add vary header to fix incorrectly caching RSC as HTML response: #​41479
• Enable swcMinify by default: #​41506
• Move fetch revalidate config under next options: #​41505
• Fix app sc_client componet HMR server-side: #​41510
• fix(ts): Cookies -> NextCookies: #​41491
• Update edge runtime to 1.1.0-beta.40: #​41513
• BREAKING CHANGE: Remove target: serverless: #​41495
• Fix next-app-loader bug in windows: #​41520
• Prebundle react for appDir: #​41337
• BREAKING CHANGE: Remove browsersListForSwc and change default to legacyBrowsers: false: #​41529
• chore: Update swc_core to v0.39.7: #​41544
• Mark styled-jsx as client-only package: #​41414
• Fix case where dispatch was missing: #​41553
• Upgrade react-server-dom-webpack and precompiled assets: #​41547
• Improve type checking: #​41427
• Create hash digest for errors in app in production: #​41559
• fix: allow user directory with styled-jsx prefix in next dev: #​41484
• Fix next/image svg blur placeholder with fill: #​41573
• Add TypeScript plugin: #​41569
• Update RSC detection in minimal mode and fix config collection: #​41541
• Add back() and forward() to new router: #​41575
• Update page config APIs: #​41580
• Improve server bundling strategy: #​41584
• Update error message for invalid react-dom/server imports: #​41582
• Support overriding request headers in middlewares: #​41380
• Check root layout change on client: #​41475
• Full remaining path in selected layout segment: #​41562
• Add back/forward test for new router: #​41590
• perf: refactor path logic in router + add LRU cache: #​41365
• Add transpilePackages option: #​41583
• Font loader types: #​41591
• Updating size-adjust calculation: #​41406
• Fix missing JSON.stringify in loader: #​41599
• Root layout head not required: #​41621
• feat(edge): adds AsyncLocalStorage support to the edge function sandbox: #​41622
• Add support for images.loaderFile config: #​41585
• BREAKING CHANGE: Remove React 17: #​41629
• Update next-image-experimental codemod to handle loaders: #​41633
• Font loader default config: #​41628
• Disable using prebundled of react for appDir: #​41635
• Refactor hot-reloader client for app: #​41598
• Enable ReactRefreshLogBox-builtins.test.ts, remove loader from import trace: #​41645
• layout: add build status for app routes: #​41627
• Update @​types/node to 14.14.31: #​41634
• Change data-nimg attribute on next/image: #​41612
• chore: Update swc_core to v0.40.7: #​41613
• Update to handle correct react version with app: #​41658
• Improve errors for invalid component export: #​41657
• Add experimental warning note: #​41666
• Bundle ssr client layer excepts react externals: #​41606
• Improve error message for wrong props: #​41668
• Remove deprecated webpack5 config option: #​41667
• Improve error messages: #​41669
• Create root layout: #​41523
• Ensure we properly normalize /index in minimal mode: #​41678
• Update params of PageProps to string map: #​41677
• Expose AsyncLocalStorage on global for react: #​41683
• Update URL malformed edge error: #​41685
• Update to latest react experimental: #​41671
• Revert "Add experimental warning note": #​41688
• Fix typos: code comment: #​41691
• useSelectedLayoutSegment -> useSelectedLayoutSegments, add useSelectedLayoutSegment with previous behavior: #​41693
• Ensure AsyncLocalStorage for static generation is shared for client & server: #​41695
• App dir sass: #​41690
• chore: Update swc_core to v0.40.13: #​41692
• Disable esm resolving for appDir and alias react: #​41687
• Print error when next dev has conflicting app & page: #​41656
• Support next option for Request: #​41614
• Revert "chore: Update swc_core to v0.40.13": #​41699
• Revert "Revert "chore: Update swc_core to v0.40.13"": #​41700
• chore: Update swc_core to v0.40.16: #​41702
• Move redirect and notFound to navigation exports: #​41703
• Font subsets in function call: #​41694
• Include resolved external package dirs: #​41706
• Fail on prerendering with dynamic error config: #​41707
• Update precompiled react to next channel: #​41708
• Emit VSCode settings for TypeScript: #​41710
• Upgrade Edge Runtime v.1.1.0: #​41727
• Fix module trace error messages to not include queries: #​41738
• Fix ignored file path: #​41747
• Fix static generation and crawler requests: #​41735
• Add error if app detected but config is missing: #​41696
• Add default not found template: #​41750
• Remove unneeded types: #​41752
• Add message for appDir feedback: #​41751
• feat: set a better type for the default image loader : #​41639
• Fix edge entry layer resolution bug: #​41757
• Dont apply existing externals path changing to rsc layers: #​41744
• Pathname and search params SSG: #​41247
• Update react next channel: #​41761
• Font description and error messages: #​41764
• Updating avg width metrics for google fonts: #​41755
• Bump minimum Node.js version to 14.6.0: #​41765
• Throw error child in : #​41756
• [typescript] fix typo in edge runtime name: #​41773
• Only import dev overlay for dev mode: #​41771
• Add initial head handling in app: #​41607
• Fix revalidate during dev: #​41772
• Fix no-store test case: #​41775
• Ensure async_hooks are not resolved for client: #​41778
• Make ship happen: #​41776
• Add head handling: #​41768
• Update async storage fix: #​41779

Documentation Changes

• Updated example for i18n middleware: #​40728
• docs: Remove extraneous FallbackComponent prop from error boundary docs: #​40785
• Update static-html-export.md: #​40808
• Add additional fix in hydration error document: #​40675
• [docs] Update Cypress config file name: #​40849
• update url for React Hydration Documentation: #​40883
• Typo in middleware upgrade guide: #​40963
• Add useState and useEffect import: #​40944
• Fix broken link in migration docs.: #​41013
• Add Enterspeed blog example: #​35897
• [docs] Improve documentation around pageExtensions: #​40039
• (Docs) getStaticProps & getServerSideProps TS section (#​40607): #​40639
• class component -> functional component: #​41089
• Docs: Fix misleading console.log output example: #​41096
• Add note to incremental migration about dynamic routes + fallbacks: #​41147
• Fix docs for next/image unconfigured hosts: #​41223
• Update introduction.md: #​41226
• Update security-headers doc: #​41312
• docs: clarify redirects on client-side navigation: #​41362
• Update node-module-in-edge-runtime.md: #​41375
• docs: note MDX with remark-gfm usage: #​41391
• docs: more detailed error message when failing to parse a middleware matcher: #​41390
• Update docs with minimum node version 14.x: #​41482
• Add remotePatterns link to next-image-unconfigured-host: #​41504
• [docs] fix grammatical error #​41507: #​41508
• Add swcMinify to the Upgrade Guide: #​41521
• Fix links to next/legacy/image demo: #​41539
• Docs for request headers overrides in middleware: #​41546
• Fix docs typo in next/image sizes using fill prop: #​41560
• Small change to note <Link /> executes server methods: #​41577
• docs: remove next/future/image note: #​41610
• Update custom-error-page for getServerSideProps: #​41723
• docs: update ci-build-caching: #​41763

Example Changes

• chore: refactor with-next-sitemap example: #​40712
• Updates with-supertokens example app: #​40707
• chore: refactor with-typestyle example: #​40740
• chore: migrate missing document of with-geist-ui example to typescript: #​40743
• chore(examples): lock msw version in with-msw example: #​40777
• chore: refactor using-router example: #​40774
• Fix: Contentful webhook body parse.: #​40732
• Open deploy link in new window for examples: #​40804
• fix/window.gtag is not defined for Next.js-hydration event(#​40410): #​40645
• Update .env.local.example: #​40839
• chore: refactor with-web-worker example: #​40844
• Correct link for "Deploy" button: #​40894
• Bump TypeScript version in with-typescript: #​40924
• Revert "Fix: Contentful webhook body parse.": #​40925
• Update cms-makeswift example: #​41005
• chore(examples): upgrade with-react-native-web dependencies: #​41024
• chore(examples): Convert with-react-hook-form example to TypeScript: #​38796
• chore(examples): remove next-env.d.ts files: #​41041
• Add NextUI example: #​38209
• [Examples] -> Add external official example with-react-query: #​38101
• example: with-mantine: #​34591
• Add Embedded KeystoneJS example: #​25351
• Update examples/with-temporal: #​33674
• Add windicss example: #​35256
• chore(examples): Add vanilla-extract example: #​41061
• examples/evm-multichain-dapp: #​39206
• chore(examples): use correct name in with-xata example: #​41063
• chore: update with-react-intl example: #​40999
• Fix: [slug].tsx: #​41074
• docs(examples): refresh cms-prismic example: #​40121
• Authsignal passwordless example: #​41079
• chore(examples): Cosmic cms updates: #​41080
• chore(example): updated react-multi-carousel to TS: #​37930
• Add dotCMS example: #​38214
• chore(examples): Add 'Sitefinity CMS' Example: #​39537
• chore(examples): update with-linaria: #​41085
• chore(examples): address remaining review in dotCMS example: #​41091
• Lock experimental react version in tests: #​41100
• Update Convex example for v0.2.0: #​41143
• chore(examples): add webiny cms example: #​41159
• chore(examples): add Radix UI example: #​41169
• Updating to latest version of Clerk: #​41192
• Fix error 500: #​41205
• Add --frozen-lockfile in Docker example when using pnpm: #​41291
• chore(examples): upgrade Auth0 example: #​41284
• Remove references to withSentry function in with-sentry example: #​41326
• add Cloudflare Turnstile example: #​41283
• Added example with salesforce commerce cloud: #​41376
• Update next pwa version in pwa example: #​41386
• examples(with-routes-graphql): update GraphQL Yoga to v3: #​41478
• chore(examples): fix typo: #​41496
• chore(examples): upgrade Stripe example: #​41550
• chore(examples): update with-apivideo: #​39727
• chore(examples): fix typo in [videoId].tsx: #​41655
• examples(with-typescript-graphql): migrate to Yoga v3 and codegen new preset: client: #​41597
• Bump version tailwindcss example to 3.2: #​41681

Misc Changes

• Temporarily skip switchable runtime test on deploy: #​40700
• Break assetPrefix app tests into separate suite: #​40701
• Skip copying next-swc debug files during testing: #​40761
• Add test case for /404 client transition: #​40734
• Update publish to scope as public for initializing: #​40778
• Update stats config for release stats: #​40780
• Fix flaky full reload hmr tests: #​40786
• Add missing release stats config for app: #​40805
• Tolerate already published error for retrying: #​40812
• Update publish script to skip lerna: #​40815
• Disable flakey dev app test temporarily: #​40816
• Update publish to skip private package: #​40822
• Update pnpm-lock.yaml
• Use an ellipsis character instead: #​40913
• Update expected middleware test error: #​40918
• Remove extra pnp test: #​40929
• Always show node_modules inside test in VS Code: #​40956
• misc: add benchmarking script for edge rendering: #​40716
• Add timeout to playwright setup job: #​40960
• Increase playwright install timeout to 5 min
• Increase other timeouts
• Skip experimental undici test for deploy mode: #​41006
• Update flakey middleware rewrite test: #​41007
• Add test for rewrite from pages to app with existing pages path: #​41023
• chore/fix typo on contributing documentation: #​41037
• chore(contributing): remove note about eslint-config-next
• Revert "chore: make sure polyfills are built for pnpm dev (#​40335)"
• Merge branch 'canary' of github.com:vercel/next.js into canary
• chore: make sure polyfills are built for pnpm dev: #​41062
• chore(examples): fix lint
• chore(examples): fix lint
• chore(examples): fix lint
• chore(examples): rename file from .ts to .tsx
• chore(examples): fix lint
• chore(examples): fix lint
• chore(examples): fix example checks
• Fix PR stats from experimental react: #​41112
• Align pnpm version: #​41123
• Add more test job timeouts: #​41162
• Fix errors entry in codeowners
• Upgrade React experimental: #​41222
• Enable passing tests: #​41241
• Skip serverless/serverless-trace target tests: #​41252
• Add test for link to catchall route in new router: #​41289
• misc: add minimal server bench setup: #​41328
• Reduce local font loader options: #​41332
• Reduce remote requests in google fonts: #​41306
• Bump E2E test timeout minutes
• Test for unused css modules with layout: #​41018
• Support aarch64 Linux with page size >= 16k: #​41229
• Update rsc error message: #​41351
• docs: add tips for building first before running test for contribute Nextjs.: #​41379
• Add npm to create-next-app environment package manager parser: #​41279
• Update bench options in stats-config: #​41432
• Bump test timeout-minutes for test dev
• Fix E2E deploy test for API bodies: #​41542
• Run all dev tests with replay on retry: #​41168
• Increase timeout-minutes for dev jobs
• chore: clarify issue template for examples
• Add test fixture e2e/app-dir/next-image: #​41609
• feat(cna): add template: #​41660
• Pin build image version: #​41704
• Update CNA app template: #​41701
• Update font avg: #​41734
• Enable appDir e2e deploy tests #​1: #​41759

Credits

Huge thanks to @​ijjk, @​huozhi, @​HaNdTriX, @​iKethavel, @​timneutkens, @​shuding, @​rishabhpoddar, @​hanneslund, @​balazsorban44, @​anthonyshew, @​TomerAberbach, @​philippbosch, @​styfle, @​mauriciomutte, @​hayitsdavid, @​abdennor, @​Kikobeats, @​cjdunteman, @​Mr-Afonso, @​kdy1, @​jaril, @​abdallah-nour, @​North15, @​feedthejim, @​brunocrosier, @​Schniz, @​sedlukha, @​hashlash, @​Ethan-Arrowood, @​fireairforce, @​migueloller, @​leerob, @​janicklas-ralph, @​Trystanr, @​atilafassina, @​nramkissoon, @​kasperadk, @​valcosmos, @​henriqueholtz, @​nip10, @​jesstelford, @​lorensr, @​AviAvinav, @​SukkaW, @​jaycedotbin, @​saurabhburade, @​notrab, @​kwonoj, @​sanruiz, @​angeloashmore, @​falsepopsky, @​fmontes, @​Gebov, @​UltiRequiem, @​p13lgst, @​Simek, @​mrkldshv, @​thomasballinger, @​kyliau, @​AdarshKonchady, @​endymion1818, @​pedro757, @​perkinsjr, @​gnoff, @​jridgewell, @​silvioprog, @​mabels, @​nialexsan, @​feugy, @​jackromo888, @​crazyurus, @​EarlGeorge, @​MariaSolOs, @​lforst, @​maximbaz, @​maxam2017, @​teobler, @​Nutlope, @​sunwoo0706, @​WestonThayer, @​Brooooooklyn, @​Nsttt, @​charlypoly, @​aprendendofelipe, @​sviridoff, @​jackton1, @​nuta, @​Rpaudel379, @​marcialca, @​MarDi66, @​ismaelrumzan, @​javivelasco, @​eltociear, @​hiro0218, @​HugoDF, @​saulloalmeida, @​ahhshm, @​eve0415, and @​sokra for helping!

Sourced from next's releases.

v12.1.0

Core Changes

• Relay Support in Rust Compiler: #33702
• fix eslint link-passhref rule: #33857
• update webpack: #33831
• Flush buffered vitals metrics on page mount: #33867
• fix problem with HMR when middleware and page reference the same node_module: #33873
• Refactor page component getter in web server: #33759
• update NextResponse default redirect status to 307 to match docs: #33505
• Bug fix: dynamic page should not be interpreted as predefined page: #33808
• Group streaming experimental apis: #33878
• Encapsulate routing and initial hydration: #33875
• Optimize offline condition judgment: #33238
• Ensure external beforeFiles rewrites are handled with next/link: #33888
• Fix parsing params for i18n optional route in minimal mode: #33896
• Ensure browserslist extends works properly: #33890
• Fix image cache race condition: #33883
• Add support for Relay projects without artifactDirectory: #33918
• fix: handle jsxspreadattribute in inline-script-id eslint rule: #32421
• feat(next-swc): Update swc: #33724
• Update to latest version of amphtml-validator: #33967
• Warn in dev mode when script tags are added with next/head: #33968
• Ensure optional chaining in swc matches babel: #33995
• Use react-dom/server.browser in Node.js: #33950
• Ensure external middleware rewrite is handled correctly: #33962
• Update Terser to v5.10.0, fix minification issues: #33045
• Warn in dev mode when stylesheets are added using next/head: #34004
• Use ReadableStream in RenderResult: #34005
• Fix suffix ordering while streaming: #34011
• Don't use yarn if a package-lock.json file is found: #31926
• Do not warn when application/ld+json scripts are used with next/head: #34021
• Babel & next-swc: Fix exporting page config with AsExpression: #32702
• Detect per page runtime config for functions manifest: #33945
• Add JSDoc to config options: #32915
• Update font-stylesheet-gathering-plugin.ts: #30709
• Add decoratorMetadata flag if enabled by tsconfig: #32914
• fix: data url handling in css-loader: #34034
• Place 'charset' element at the top of : #28119
• Fix detection of anchor click events inside svg: #23272
• Allow passing nothing as custom jest config: #32328
• Fixes #31240: Adding a recursive addPackagePath function in webpack-config: #31264
• Require component rendered as child of Link to pass event to onClick handler: #27723
• Allow scroll prevention on hash change: #31921
• Add support for async fn / promise in next.config.js/.mjs: #33662
• Fix lazyRoot functionality for next/image: #33933
• Change SWC minify from beta to release candidate: #34056
• Make Router state immutable: #33925
• Stop exposing internal render and renderError methods from next/client: #34069
• Add api-utils helper for testing: #34078

... (truncated)

• 8545fd1 v12.1.0
• 1605f30 v12.0.11-canary.21
• 69aedbd Fix typo (#34480)
• f0f322c Remove deprecation for relative URL usage in middlewares (#34461)
• d4d79b2 Fix chunk buffering for server components (#34474)
• 74fa4d4 update webpack (#34477)
• b70397e Revert "Allow reading request bodies in middlewares (#34294)" (#34479)
• 4202011 Update font-optimization test snapshot (#34478)
• 1edd851 Allow reading request bodies in middlewares (#34294)
• ba78437 fix: don't wrap profile in firebase example (#34457)
• Additional commits viewable in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
• @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
• @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
• @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
• @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

v12.1.0

Compare Source

Core Changes

• Relay Support in Rust Compiler: #​33702
• fix eslint link-passhref rule: #​33857
• update webpack: #​33831
• Flush buffered vitals metrics on page mount: #​33867
• fix problem with HMR when middleware and page reference the same node_module: #​33873
• Refactor page component getter in web server: #​33759
• update NextResponse default redirect status to 307 to match docs: #​33505
• Bug fix: dynamic page should not be interpreted as predefined page: #​33808
• Group streaming experimental apis: #​33878
• Encapsulate routing and initial hydration: #​33875
• Optimize offline condition judgment: #​33238
• Ensure external beforeFiles rewrites are handled with next/link: #​33888
• Fix parsing params for i18n optional route in minimal mode: #​33896
• Ensure browserslist extends works properly: #​33890
• Fix image cache race condition: #​33883
• Add support for Relay projects without artifactDirectory: #​33918
• fix: handle jsxspreadattribute in inline-script-id eslint rule: #​32421
• feat(next-swc): Update swc: #​33724
• Update to latest version of amphtml-validator: #​33967
• Warn in dev mode when script tags are added with next/head: #​33968
• Ensure optional chaining in swc matches babel: #​33995
• Use react-dom/server.browser in Node.js: #​33950
• Ensure external middleware rewrite is handled correctly: #​33962
• Update Terser to v5.10.0, fix minification issues: #​33045
• Warn in dev mode when stylesheets are added using next/head: #​34004
• Use ReadableStream in RenderResult: #​34005
• Fix suffix ordering while streaming: #​34011
• Don't use yarn if a package-lock.json file is found: #​31926
• Do not warn when application/ld+json scripts are used with next/head: #​34021
• Babel & next-swc: Fix exporting page config with AsExpression: #​32702
• Detect per page runtime config for functions manifest: #​33945
• Add JSDoc to config options: #​32915
• Update font-stylesheet-gathering-plugin.ts: #​30709
• Add decoratorMetadata flag if enabled by tsconfig: #​32914
• fix: data url handling in css-loader: #​34034
• Place 'charset' element at the top of : #​28119
• Fix detection of anchor click events inside svg: #​23272
• Allow passing nothing as custom jest config: #​32328
• Fixes #​31240: Adding a recursive addPackagePath function in webpack-config: #​31264
• Require component rendered as child of Link to pass event to onClick handler: #​27723
• Allow scroll prevention on hash change: #​31921
• Add support for async fn / promise in next.config.js/.mjs: #​33662
• Fix lazyRoot functionality for next/image: #​33933
• Change SWC minify from beta to release candidate: #​34056
• Make Router state immutable: #​33925
• Stop exposing internal render and renderError methods from next/client: #​34069
• Add api-utils helper for testing: #​34078
• feat(next-swc): Update swc: #​34045
• Deprecate concurrentFeatures with runtime: #​34068
• Add check for resolveWeak to next/dynamic: #​33908
• remove unneeded and broken plugin: #​34087
• Remove experimental warning from next/jest: #​34096
• fix: arrow function export in rsc client component: #​34105
• Use renderToStream with React 18: #​34106
• Fix static result being piped: #​34111
• Polyfill pipeTo and pipeThrough: #​34112
• Update to leverage response-cache for image-optimizer: #​34075
• fix: next/image usage from node_modules: #​33559
• Fix included flight manifest on node runtime: #​34113
• Fix: Use react-dom/server.browser when reactRoot: true: #​34116
• Fix image-optimizer requires in next-server: #​34141
• Fix required files matching in rsc: #​34137
• Throw error when ts file contains css.resolve: #​34149
• Chore/stable swc compiler options: #​34074
• Fix bug with "Circular Structure" error: #​23905
• Add _document and _app pre-import: #​23261
• Ensure standalone server handles SIGTERM: #​34151
• Bump nft to 0.17.5: #​34190
• feat: copy .env file in standalone mode: #​34143
• Fix reuse of inline flight response and 404 for RSC in node runtime: #​34202
• Use updated recursive rm fs method for image-optimizer: #​34210
• Fix link for "Delete Query Params in Middleware" error message in next-server.ts: #​34230
• Enable dynamic HTML in minimal mode: #​34222
• Fix uncaught error in getInitialProps when runtime is set to nodejs: #​34228
• Optimize the web server size: #​34242
• feat: allow node-sass@7 as peer dependency: #​34107
• Adding step to build the app with docker in existing projects: #​34083
• Changed all occurrences of etc to match: #​34280
• Align reactRoot config between server and webpack config: #​34328
• Fix <RouteAnnouncer/> shouldn't announce initial path under strict mode and React 18: #​34338
• Fix flight root failed to hydrate in strict mode: #​34333
• Allow dismissing full refresh warning for session: #​33868
• Remove experimental image optimization feature: #​34349
• Add support for "type": "module" in package.json: #​33637
• feat(next-swc): Update swc: #​34355
• Ensure invalid request to static page is handled correctly: #​34346
• Add Error Handing section for ISR: #​34360
• feat(next-swc): Update swc: #​34408
• feat: improve opening a new issue flow: #​34434
• Ensure we don't poll page in development when notFound: true is returned: #​34352
• Add image config for dangerouslyAllowSVG and contentSecurityPolicy: #​34431
• Revert swc css bump temporarily: #​34440
• update webpack: #​34444
• Update server-only changes HMR handling: #​34298
• Fix .svg image optimization with a loader prop: #​34452
• Allow reading request bodies in middlewares: #​34294
• Revert "Allow reading request bodies in middlewares": #​34479
• update webpack: #​34477
• Fix chunk buffering for server components: #​34474
• Remove deprecation for relative URL usage in middlewares: #​34461

Documentation Changes

• Building web forms with Next.js and Vercel: #​32525
• Add Clarity About Downloading and Self-Hosting a Font File: #​33760
• Correct pluralization in newly added Relay documentation: #​33880
• Update MDX document: #​33916
• Update info on how to process webhooks by disabling bodyParser: #​33909
• Update deployment docs to fix oversized image.: #​33934
• docs: recommend .end instead of .send when no body is being sent: #​33611
• Update custom document docs to prepare for React 18.: #​33814
• Fix typo in new experimental Relay support docs: #​33963
• docs(isr): add missing key prop in jsx loop: #​33984
• docs: use function for components in general: #​33990
• Updated going-to-production with loading performance: #​33179
• docs: fix variable name from profileData to data in CSR page: #​34018
• Improve Form Guide Contents: #​33913
• Add async to middleware docs.: #​31356
• (docs): update i18n-routing.md: #​33123
• Fix redirect url for prefixing the default locale: #​33762
• Add note about dns-prefetch as fallback: #​30385
• Update custom server docs for async methods: #​30521
• Update multiple docs pages to follow Docs Content style guide: #​33855
• fix: Change url to nextUrl inside delete-query-params-in-middlewa…: #​33796
• Changing GitHub Actions cache documentation: #​28228
• [docs] Add env var load order: #​32350
• docs: add Ory vercel example to auth page: #​33029
• Add note about crawlers and fallback: true: #​34114
• docs(api-routes): fix node docs links: #​34125
• add note to clarify use of Link when clearing preview cookies (issue #​34129): #​34142
• Re-render details if rewrites are used: #​34049
• Add heading to invalid-api-status-body error: #​34150
• Ensure /index route is redirected correctly for docs: #​34206
• Update docs for image lazyRoot prop: #​34241
• Update link for includeFiles glob reference: #​34269
• Update Preview Mode docs.: #​34278
• Update frequently asked questions in documentation: #​34252
• Alphabetize auth docs providers.: #​34281
• Replace babel with SWC & minor changes in getting started: #​34282
• Update Middleware docs to add version history.: #​34302
• Fix typo on getInitialProps: #​34309
• Update missing curly brace in image.md: #​34307
• docs: Add link to pageExtensions config in page-without-valid-component.md: #​34285
• Add an example to Write server-side code directly section: #​34319
• Few touch-ups to the docs on web forms in Next: #​34286
• Update MDX Custom Elements setup: #​34175
• Update image.md: #​34374
• Updated failed to load error page to include info about node versions: #​34362
• docs: react 18, streaming SSR, rsc with new apis: #​33986
• Update MDX Guide config example: #​34405
• Remove hello world RSC example.: #​34456
• Fix typo: #​34480

Example Changes

• Update npm comment in Docker example: #​33881
• Update Contentful example to add validations to solve graphql complexity errors.: #​33958
• Update all CMS examples dependencies.: #​33580
• Fix warning unknown prettier option when running yarn lint.: #​34019
• [New Example] with docker - multiple deployment environments: #​34015
• Fix ambiguous flags in Dockerfile example: #​33417
• fix(examples/with-docker): update env comments: #​29972
• Remove unused "start" script from with-docker/package.json: #​31053
• Update remark in blog-starter-typescript: #​31393
• Update _document.js: #​29930
• Docs: use the nextv12 example from the storybook-addon-next repo as the with-storybook example: #​33891
• examples, update with new URL: #​34035
• [with-typescript-graphql] fixes breaking changes in graphql-let v0.18.0: #​32681
• fix(example): with-typescript-graphql graphql-let package migrate: #​29996
• feat: update firebase in with-firebase: #​29581
• progressive web app example converted to typescript : #​33100
• Make adjustment to cache config of with-apollo example: #​32733
• Fix error thrown by next/image in the Sanity example: #​34203
• Update examples/active-class-name: #​34205
• chore(example): update preact links in examples: #​34233
• fix: don't wrap profile in firebase example: #​34457

Misc Changes

• Fix flakey image-optimizer test: #​33957
• Update azure config: #​33999
• Add types to nextConfig in default template : #​34029
• docs(contributing): Search GitHub for an open or closed PR that relates to your submission: #​22533
• fix(create-next-app): add default version: #​33006
• chore: do not run lock/stale actions on forks: #​34053
• Fix functions manifest test: #​34092
• add pnpm debug file in gitignore templates: #​34091
• Update failing tests from upstream resource: #​34110
• Update version number in next.config.js API reference
• chore: log lock bot output: #​34168
• chore: decrease lock action runs #​34180
• Allow listening for page requests in tests: #​34204
• Update code of conduct from v1.4 to v2.1: #​34208
• Update contributing.md to link to walkthrough video.: #​34299
• fix: typo in gitignore in typescript template: #​34372
• test: add inline flight response reuse test: #​34364
• Update 2.example_bug_report.yml
• Update 1.bug_report.yml
• Update 2.example_bug_report.yml
• Update font-optimization test snapshot: #​34478

Credits

Huge thanks to @​MaedahBatool, @​mutebg, @​sokra, @​huozhi, @​hanford, @​shuding, @​sean6bucks, @​jameshfisher, @​devknoll, @​yuta-ike, @​zh-lx, @​amandeepmittal, @​alunyov, @​stefanprobst, @​leerob, @​balazsorban44, @​kdy1, @​brittanyrw, @​jord1e, @​kara, @​vvo, @​ismaelrumzan, @​dlindenkreuz, @​MohammadxAli, @​nguyenyou, @​thibautsabot, @​hanneslund, @​vertti, @​KateKate, @​stefee, @​mikinovation, @​Leticijak, @​mohsen1, @​ncphillips, @​ehowey, @​lancechentw, @​krychaxp, @​fmacherey, @​pklawansky, @​RyanClementsHax, @​lakbychance, @​sannajammeh, @​oliviertassinari, @​alexander-akait, @​u-yas, @​Cheprer, @​msp5382, @​chrispat, @​getspooky, @​Ryz0nd, @​klaasman, @​midgleyc, @​kumard3, @​jesstelford, @​neeraj3029, @​glenngijsberts, @​pie6k, @​wouterraateland, @​timneutkens, @​11koukou, @​thesyedbasim, @​aeneasr, @​ijjk, @​lfades, @​JuniorTour, @​xavhan, @​mattyocode, @​padmaia, @​Skn0tt, @​gwer, @​Nutlope, @​styfle, @​stipsan, @​xhoantran, @​eolme, @​sespinosa, @​zenorocha, @​hjaber, @​benmvp, @​T-O-R-U-S, @​dburrows, @​atcastle, @​kiriny, @​molebox, @​kitayoshi, and @​Schniz for helping!

v8.26.0

Compare Source

Features

• 4715787 feat: check Object.create() in getter-return (#​16420) (Yuki Hirasawa)
• 28d1902 feat: no-implicit-globals supports exported block comment (#​16343) (Sosuke Suzuki)
• e940be7 feat: Use ESLINT_USE_FLAT_CONFIG environment variable for flat config (#​16356) (Tomer Aberbach)
• dd0c58f feat: Swap out Globby for custom globbing solution. (#​16369) (Nicholas C. Zakas)

Bug Fixes

• df77409 fix: use baseConfig constructor option in FlatESLint (#​16432) (Milos Djermanovic)
• 33668ee fix: Ensure that glob patterns are matched correctly. (#​16449) (Nicholas C. Zakas)
• 740b208 fix: ignore messages without a ruleId in getRulesMetaForResults (#​16409) (Francesco Trotta)
• 8f9759e fix: --ignore-pattern in flat config mode should be relative to cwd (#​16425) (Milos Djermanovic)
• 325ad37 fix: make getRulesMetaForResults return a plain object in trivial case (#​16438) (Francesco Trotta)
• a2810bc fix: Ensure that directories can be unignored. (#​16436) (Nicholas C. Zakas)
• 35916ad fix: Ensure unignore and reignore work correctly in flat config. (#​16422) (Nicholas C. Zakas)

Documentation

• 651649b docs: Core concepts page (#​16399) (Ben Perlmutter)
• 631cf72 docs: note --ignore-path not supported with flat config (#​16434) (Andy Edwards)
• 1692840 docs: fix syntax in examples for new config files (#​16427) (Milos Djermanovic)
• d336cfc docs: Document extending plugin with new config (#​16394) (Ben Perlmutter)

Chores

• e917a9a ci: add node v19 (#​16443) (Koichi ITO)
• 4b70b91 chore: Add VS Code issues link (#​16423) (Nicholas C. Zakas)
• 232d291 chore: suppress a Node.js deprecation warning (#​16398) (Koichi ITO)

v8.25.0

Compare Source

Features

• 173e820 feat: Pass --max-warnings value to formatters (#​16348) (Brandon Mills)
• 6964cb1 feat: remove support for ignore files in FlatESLint (#​16355) (Milos Djermanovic)
• 1cc4b3a feat: id-length counts graphemes instead of code units (#​16321) (Sosuke Suzuki)

Documentation

• 90c6028 docs: Conflicting fixes (#​16366) (Ben Perlmutter)
• 5a3fe70 docs: Add VS to integrations page (#​16381) (Maria José Solano)
• 49bd1e5 docs: remove unused link definitions (#​16376) (Nick Schonning)
• 3bd380d docs: typo cleanups for docs (#​16374) (Nick Schonning)
• b3a0837 docs: remove duplicate words (#​16378) (Nick Schonning)
• a682562 docs: add BigInt to new-cap docs (#​16362) (Sosuke Suzuki)
• f6d57fb docs: Update docs README (#​16352) (Ben Perlmutter)
• 7214347 docs: fix logical-assignment-operators option typo (#​16346) (Jonathan Wilsson)

Chores

• 1f78594 chore: upgrade @​eslint/eslintrc@​1.3.3 (#​16397) (Milos Djermanovic)
• 8476a9b chore: Remove CODEOWNERS (#​16375) (Nick Schonning)
• 720ff75 chore: use "ci" for Dependabot commit message (#​16377) (Nick Schonning)
• 42f5479 chore: bump actions/stale from 5 to 6 (#​16350) (dependabot[bot])
• e5e9e27 chore: remove jsdoc dev dependency (#​16344) (Milos Djermanovic)

v8.24.0

Compare Source

Features

• 1729f9e feat: account for sourceType: "commonjs" in the strict rule (#​16308) (Milos Djermanovic)
• b0d72c9 feat: add rule logical-assignment-operators (#​16102) (fnx)
• f02bcd9 feat: array-callback-return support findLast and findLastIndex (#​16314) (Sosuke Suzuki)

Documentation

• 2c152ff docs: note false positive Object.getOwnPropertyNames in prefer-reflect (#​16317) (AnnAngela)
• bf7bd88 docs: fix warn severity description for new config files (#​16324) (Nitin Kumar)
• 8cc0bbe docs: use more clean link syntax (#​16309) (Percy Ma)
• 6ba269e docs: fix typo (#​16288) (jjangga0214)

Chores

• 131e646 chore: Upgrade @​humanwhocodes/config-array for perf (#​16339) (Nicholas C. Zakas)
• 504fe59 perf: switch from object spread to Object.assign when merging globals (#​16311) (Milos Djermanovic)

v8.23.1

Compare Source

Bug Fixes

• b719893 fix: Upgrade eslintrc to stop redefining plugins (#​16297) (Brandon Mills)
• 734b54e fix: improve autofix for the prefer-const rule (#​16292) (Nitin Kumar)
• 6a923ff fix: Ensure that glob patterns are normalized (#​16287) (Nicholas C. Zakas)
• c6900f8 fix: Ensure globbing doesn't include subdirectories (#​16272) (Nicholas C. Zakas)

Documentation

• 16cba3f docs: fix mobile double tap issue (#​16293) (Sam Chen)
• e098b5f docs: keyboard control to search results (#​16222) (Shanmughapriyan S)
• 1b5b2a7 docs: add Consolas font and prioritize resource loading (#​16225) (Amaresh S M)
• 1ae8236 docs: copy & use main package version in docs on release (#​16252) (Jugal Thakkar)
• 279f0af docs: Improve id-denylist documentation (#​16223) (Mert Ciflikli)

Chores

• 38e8171 perf: migrate rbTree to js-sdsl (#​16267) (Zilong Yao)
• 1c388fb chore: switch nyc to c8 (#​16263) (唯然)
• 67db10c chore: enable linting .eleventy.js again (#​16274) (Milos Djermanovic)
• 42bfbd7 chore: fix npm run perf crashes (#​16258) (唯然)

v12.3.1

Compare Source

Core Changes

• Update react-server-dom-webpack: #​40356
• Fix flight manifest to include all chunks: #​40365
• docs: fix typos: #​40342
• Fix page url for edge routes in app dir: #​40361
• Subresource Integrity for App Directory: #​39729
• Stop build warning about experimental: { esmExternals: 'loose' }: #​40377
• Add template and error file types: #​39808
• Bump styled-jsx for showing displayName: #​40411
• fix(#​40388): next/dynamic should only add default loading without suspense: #​40397
• Add missing trace for full reload event: #​40393
• feat(ts): expose AppType: #​40391
• Update dev watcher to ignore more accurately: #​40412
• Add failing case for location throw: #​40445
• Drop legacy RSC handling in client for pages: #​40472
• fix: eslint no-script-component-in-head error url: #​40422
• chore: Update swc: #​40292
• feat(edge): allows configuring Dynamic code execution guard: #​39539
• Rename allowDynamic to unstable_allowDynamic: #​40496
• Don't execute prefetches for bot user agents: #​40435
• Update semver of eslint-plugin-react: #​40246
• Clean up startTransition in Link: #​40505
• docs(README): next.js logo with dark mode: #​40223
• Passing down original sourcemap for flight client loader: #​40508
• next/script: make onLoad concurrent rendering resilient: #​40191
• chore: Update swc: #​40520
• Add missing feature in next-swc: #​40550
• Mask Flight Parameters from Middleware: #​39939
• Unwrap promise with experimental_use: #​40575
• fix(next/router): Prevent query delete in routing when next.config basePath option is truthy: #​40566
• fix(image): handle image imports with high aspect ratio: #​40563
• fix: loosen webpack compilation with fallbackNodePolyfills: false: #​40612
• Adding experimentalAdjustFallback feature to font optimization: #​40185
• fix: handle notFound: true in / with next export: #​40592
• refactor: split up CONTRIBUTING.md: #​40515
• Implement SWC transformer for server and client graphs: #​40603
• Fix edge wasm handling during deploy: #​40625
• Client directive: #​40415
• Remove internal client next api detection: #​40646
• Attach module trace for RSC related errors: #​40652
• Use createFromFetch instead of createFromReadableStream to fetch Flight: #​40656
• Change Flight response content type to application/octet-stream: #​40665
• Send web vitals to Vercel analytics in app: #​40669
• Refactor fetchServerResponse: #​40674
• Port page and layout level API assertions to SWC transform: #​40653
• Ensure smooth scroll is disabled for navigation in new and existing router: #​40642
• Upgrade to latest React experimental: #​40672
• Refine error messages: #​40661
• Incldue styled-jsx in swc compiling: #​40679
• misc: update caniuse-lite to latest: #​40680
• Remove non existed exports and files: #​40685
• fix(image): preload should respect crossOrigin: #​40676
• Add handling for static generation in app: #​40561
• Avoid direct React client API imports in the server graph: #​40686
• Drop legacy RSC server and client extension: #​40692

Documentation Changes

• docs: fix middleware path: #​40340
• Fix mdx docs: #​40402
• Update Server Components documentation.: #​40452
• docs: move swcMinify: true out of "Experimental features" section: #​40394
• Clarify use of loading property: #​40488
• docs(errors/large-page-data): how to see data being passed to page: #​40491
• docs(basic-features/script): update script version history: #​40263
• Added "negative matcher" documentation: #​40282
• Fix a typo in docs: #​40501

Example Changes

• chore: fix examples: #​40395
• chore(examples): update turborepo examples link: #​40487
• update(examples): Emotion modules: #​40242
• Added comments to middleware-matcher example: #​40273
• Remove legacy mobx example: #​40304
• Update cms-makeswift example: #​40560
• Fixed typo: #​40608
• Revert "Fixed typo": #​40623
• chore: Migrate with-prefetching example to typescript: #​40671
• chore: Refactor active-class-name example: #​40670
• docs(examples): fix error connection handling: #​40633

Misc Changes

• Temporarily disable unstable app test: #​40408
• docs(middleware): fix broken link
• chore: use link: instead of file: in CONTRIBUTING.md: #​40510
• add Balázs as codeowner to /errors/ directory
• fix(cli): tune filter for extracting example .tar: #​40513
• Add additional tests for prefetch and trailingSlash: #​40517
• Wrap parallel routes tests in describe: #​40546
• fix(#​40025): run next/script beforeInteractive test in both dev & prod: #​40541

Credits

Huge thanks to @​huozhi, @​shuding, @​ijjk, @​jasham, @​Kikobeats, @​wyattjoh, @​rubytree33, @​timneutkens, @​balazsorban44, @​andrewrjohn, @​SukkaW, @​hanneslund, @​leerob, @​Djo1e, @​kdy1, @​msafi, @​tknickman, @​feugy, @​cramforce, @​ryparker, @​victorboucher, @​steven-tey, @​JDansercoer, @​janklimo, @​hiro0218, @​HaNdTriX, @​migueloller, @​flex-kyunghwa, @​saalimzafar, @​alxhotel, @​janicklas-ralph, @​feedthejim, and @​chornos13 for helping!

v12.3.0

Compare Source

Core Changes

• Refactor client entry plugin to separate methods.: #​39162
• Eliminate path polyfill and incremental-cache from base server: #​39548
• Remove precopied styled-jsx: #​39520
• Refactor handling of addPageEntry promise: #​39547
• Support multiple flush effects: #​39559
• Eliminate Amp in Edge runtime: #​39560
• Rename page -> entry in on-demand-entry-handler: #​39564
• Update .env HMR handling: #​39566
• Fix failing switchable runtime deploy test: #​39579
• Fix Edge SSR routes: #​39594
• Support tsconfig paths without baseurl: #​34926
• Enable @​typescript-eslint/no-use-before-define for functions: #​39602
• Remove minify: false for webpack5 bundle: #​39620
• Next Server code refactoring: #​39591
• Eliminate path and utils from base server: #​39622
• Remove webpack4 types: #​39631
• Enable additional TypeScript ESLint rules: #​39640
• fix(next/dynamic): handle template literal import path: #​39623
• Add comment on slash normalizing in server: #​39653
• Refactor base server: #​39649
• Add separate entry per layout/page.: #​39611
• fix(next-server): Fix priority for edge routes : #​39462
• Add todo for dependsOn: #​39677
• Improved server CSS handling: #​39664
• feat(next-swc): Update swc: #​39499
• fix next-app-loader on windows: #​39657
• fix(swc/emotion): Correct the SPACE_AROUND_COLON regex: #​39710
• fix(#​39609): warns about suspense and ssr: #​39676
• Use realpath when emitting traced package.json: #​39683
• fix(#​39706): add avif support for node serve static: #​39733
• fix(next): Do not display message when middleware is removed on dev mode: #​39604
• refactor(portal): remove useRef from portal component: #​39792
• refactor(use-intersection): remove useRef usage: #​39791
• allow Edge Functions to stream a compressed fetch response: #​39608
• fix meaninglessFileNames type in compiler options schema: #​39698
• build: upgrade edge-runtime: #​39749
• Update stalled ensure log to use debug instead: #​39826
• Skip building /500 in dev mode: #​39828
• Fix onError handling in next/future/image: #​39824
• Improve error message on next/future/image when objectFit or objectPosition: #​39614
• Refactor client CSS imports: #​39758
• Ensure moduleResolution is written correctly: #​39836
• Fix disposing active entries in dev compilers: #​39845
• fix(#​39807): ignore width/height from webpack with "fill": #​39849
• Add handling for auto installing TypeScript deps and HMRing tsconfig: #​39838
• Remove eslint warning when no eslint config is present: #​39872
• feat(next/swc): enable wasm first binding load for the platforms: #​38883
• Fix next/future/image blur-up placeholder : #​39785
• Fix runLintCheck during build: #​39883
• Skip auto-install for missing deps in CI: #​39882
• Remove un-necessary internal jest-worker error during ts/lint error: #​39886
• Bump @vercel/[email protected]: #​39906
• Handle edge runtime for app: #​39910
• build: upgrade edge-runtime: #​39898
• HMR for client CSS imports: #​39916
• fix(ts): use AppProps's generic for pageProps: #​38867
• Treat non page file as non route under app dir: #​39976
• Fix next/future/image incorrectly warning for fill + blur: #​39986
• Ensure prefetch heuristic matches with and without middleware: #​39920
• feat: add experimental.fallbackNodePolyfills flag: #​39248
• Fix incorrect build log for moduleResolution: #​39991
• fix(#​39993): avoid race condition for next/script onReady: #​40002
• Avoid bundling next/script in the server build by default: #​40013
• Handle async module for client components: #​39953
• Upgrade typescript to 4.8.2: #​39979
• Remove Unused SQLite file: #​40056
• Update next/future/image to use svg blur placeholder during next dev: #​39992
• Remove <noscript> from next/future/image: #​40075
• Fix filePath being wrongly stringified: #​40070
• Refactor Server Router: #​39902
• Update to detect GSSP with edge runtime during build: #​40076
• Fix handling with custom _error and pages/500: #​40110
• Fix edge rewrite handling: #​40115
• Error for ssg and ssr exports from client components in build time: #​40106
• feat(next): Support has match and locale option on middleware config: #​39257
• Change alt to required in next/future/image: #​40136
• Allow port 0 in next dev and next start: #​40118
• Update to stable: next/future/image, remotePatterns, unoptimized: #​40142
• fix(#​40066): preserve error status code from serveStatic: #​40128
• fix: detect ESLint config in package.json: #​40158
• ignore EEXIST errors when creating symlinks for output standalone: #​40150
• Bump @vercel/[email protected]: #​40164
• Bump styled-jsx: #​40165
• Match data fetch and busting cache key when path URI encodes: #​39568
• Updating the Next.js Logo: #​40181
• next/script: simplify logic and update tests: #​40026
• Bypass empty pages folder for layouts: #​40132
• chore: Update swc: #​39965
• Fix styled-jsx macro imports: #​40234
• Ensure path can be specified for clearPreviewData: #​40238
• fix: apply default export interop to next/config: #​40224
• Improved route resolution in next-app-loader: #​40109
• Add prefetch to new router: #​39866
• Update next/future/image to support only width or only height: #​40278
• Add experimental proxy timeout option: #​40289
• Fix static info parsing when export data fetching method as variable: #​40317
• fix(switchable-runtime): make dev server not break when wrong runtime config is exported: #​40312
• Revert "Refactor Server Router": #​40328
• fix(switchable-runtime): Make it possible to switch between edge and server runtime in dev: #​39327
• Revert "Revert "Refactor Server Router" (#​40328)" : #​40333
• refactor(next/swc): remove unnecessary field in RemoveConsole: #​40296
• [edge] fix URLSearchParams lacking data from rewrite: #​40260
• fix(lint): disable react/no-unknown-property: #​40331
• Update onLoadingComplete for next/future/image to receive reference to <img>: #​40326
• Remove warning for swcMinify being enabled: #​40359

Documentation Changes

• docs: Rename API middlewares title in sidebar: #​39534
• [docs] Avoid next config validation warning: #​39554
• Update strategies count to 4: #​39610
• Change the React Server Components CTA to the router/layout RFC: #​39724
• Add section to next/future/image docs about Known Browser Bugs: #​39759
• Update next.js.configs line number: #​39802
• Add note about using the /_error page directly to custom error page article: #​39671
• Typescript Documentation Improvement for Persistent Layouts: #​33659
• Add clarity in docs for using exportPathMap with getStaticPaths: #​39813
• Update links to point to more accurate docs: #​39818
• Update docs next/future/image with details about computed aspect ratio: #​39829
• Mention router.isPreview on Preview Mode page: #​39830
• doc: improve a word client side rendering: #​39771
• Docs: Updated note about using next/head in basic-features/font-optimization: #​39863
• [docs] Fixed 404 links to Layouts RFC blog post: #​39937
• Adds note about custom server requirements: #​39931
• fix hash-link: #​39929
• Mention largePageDataBytes in warning docs: #​39941
• Update Font Optimization docs: #​39950
• [docs] Update UTM params of some links: #​39951
• Revert "Adds note about custom server requirements": #​39956
• Update image.md: #​39984
• Update script.md: #​40017
• [docs] Add precision about pageExtensions: #​40016
• Update debugging.md (--dev -> --save-dev for npm): #​39998
• docs(testing): add JSDoc typing in jest.config.js: #​40090
• docs(image): Use hook inside of function component: #​40096
• docs(security-headers): interest-cohort has been replaced by browsing-topics: #​40113
• [docs] Functional syntax for _document example in Basic Features: Font Optimization: #​40140
• Fix typo in error/middleware-upgrade-guide.md: #​40176
• docs: documents middleware matcher: #​40180
• docs: update get-static-paths.md: #​40205
• Change image sizes docs to use em instead of px: #​40288
• Change sizes docs to use max-width in media query: #​40290
• docs: fix numbering in middleware docs: #​40276
• Update docs for remotePatterns image config: #​40350
• docs: fix typo: #​40354

Example Changes

• docs(examples): use vercel integration in cms-sanity: #​39323
• Typo : #​39596
• Update Convex Example: #​39562
• Update with-loading example: #​39646
• [Docs] Update with-slate example: #​39639
• Tweak Convex example: #​39739
• examples/with-redux-thunk , update README (#​39555): #​39712
• [Docs] Update mongodb example: #​39658
• Convert with-goober example to TS: #​39761
• [docs] Migrate dynamic routing example to typescript: #​39806
• Remove unnecessary type reference in Vitest example: #​39819
• Update cms-makeswift example: #​39834
• Migrate data-fetch example to typescript: #​39852
• [Docs] Update examples to favour functional _document: #​39871
• chore(with-docker): don't copy package.json twice: #​39896
• Prefer function _app component in examples: #​39967
• Migrate with-xstate to typescript: #​39974
• Use Font Optimization in examples: #​39977
• Add local setup info in the with-supabase-auth-realtime-db example's README: #​40030
• Remove semi in Convex example: #​40052
• Refactored the with-supertokens example to use typescript: #​39987
• Add config types to all examples: #​40083
• adding with-axiom example: #​38300
• Update Convex example to convex 0.1.9: #​40162
• Remove extra "d" in comment: #​40212
• fix(examples/with-styled-components-babel): list should have unique key: #​40215
• Migrate image-component example to typescript: #​40204
• ref(with-sentry example): Explicitly set hideSourceMaps: #​40079
• Update next-forms example: #​40284
• Migrate with-context-api example to typescript: #​40297
• Migrate with-react-jss to typescript: #​40308
• Update react-remove-properties example: #​40307
• Migrate using-preact example to typescript: #​40295
• added type to clientPromise in with-mongodb/lib: #​40339
• Remove babel from custom-server-typescript example: #​40309
• Merge with-mobx-state-tree with with-mobx-state-tree-typescript example: #​40306
• Fix image-component example types: #​40352

Misc Changes

• Fix preinstall failed in [email protected] on FreeBSD with [email protected]: #​39529
• Add edge ssr to pr stats: #​39621
• Update test failure logging : #​39655
• Update image tests files from *.js to *.ts: #​39663
• fix(create-app): support github url has trailing slash: #​39665
• Update contributing.md : #​39767
• Update ubuntu CI version due to deprecation: #​39817
• Leverage VERCEL_CLI_VERSION env for deploy tests: #​39823
• Update flakey relay analytics test: #​39877
• Added tests for next/router in app directory: #​39867
• Fix failing e2e getServerSideProps test: #​39885
• Add path to export-page: #​39893
• Fix rsc basic e2e test on deploy: #​39905
• test: merge edge ssr tests: #​39924
• chore: check against npm version in issue validator: #​38915
• Increase test concurrency: #​39922
• Fix passing VERCEL_CLI_VERSION env for deploy tests: #​39946
• test: pin typescript version to 4.7: #​39978
• (next/mdx) set providerImportSource to react by default: #​39954
• Add test for server CSS imports: #​40019
• Update docker image for stats action: #​40032
• Update flakey tsconfig test: #​40105
• fix: scripts comment typos: #​40207
• fix(cli): do not throw error when extracting examples in Node 18+: #​40182
• Update to use specific swc version for PR stats: #​40237
• fix(cli): delete temp file after extraction: #​40259
• Fix test hydration check in Safari 10.1: #​40285
• chore: turn off debug mode on issue validator: #​40301
• Update README.md

Credits

Huge thanks to @​stipsan, @​ijjk, @​timneutkens, @​bennettdams, @​shuding, @​cherniavskii, @​huozhi, @​Brooooooklyn, @​thatbeautifuldream, @​Janpot, @​MoosaSaadat, @​alexcole, @​HaNdTriX, @​magic-akari, @​balazsorban44, @​styfle, @​SukkaW, @​kdy1, @​sokra, @​delbaoliveira, @​puneetkathar1, @​nkzawa, @​Schniz, @​greebl3, @​kasperaamodt, @​chaseignited, @​masad-frost, @​Kikobeats, @​davewelsh, @​MaedahBatool, @​adrianbienias, @​michaeloliverx, @​arthurdenner, @​sumiren, @​migueloller, @​hanneslund, @​wyattjoh, @​kwonoj, @​boredland, @​simongavelin, @​esbenam, @​theMosaad, @​jleclanche, @​leerob, @​AdilAmanat, @​souporserious, @​ykdojo, @​sanjaiyan-dev, @​yoannmoinet, @​thomasballinger, @​titusdmoore, @​jferrettiboke, @​Dueen, @​dunglas, @​KenAKAFrosty, @​wbinnssmith, @​schehata, @​remorses, @​visnup, @​Nutlope, @​yhay81, @​hiro0218, @​avigoldman, @​feugy, @​jeferson-sb, @​lobsterkatie, @​atcastle, @​bcheidemann, @​Will956, @​orionmiz, @​S0UPernova, @​cvbuelow, and @​leonzalion for helping!

v12.2.6

Compare Source