feat!: upgrade next, react and react-dom, move react/next dependency checker from payload to next package (#8323)

Fixes https://github.com/payloadcms/payload/issues/8013 **BREAKING:** - Upgrades minimum supported @types/react version from npm:types-react@19.0.0-rc.0 to npm:types-react@19.0.0-rc.1 - Upgrades minimum supported @types/react-dom version from npm:types-react-dom@19.0.0-rc.0 to npm:types-react-dom@19.0.0-rc.1 - Upgrades minimum supported react and react-dom version from 19.0.0-rc-06d0b89e-20240801 to 19.0.0-rc-5dcb0097-20240918 - Upgrades minimum supported Next.js version from 15.0.0-canary.104 to 15.0.0-canary.160 --------- Co-authored-by: PatrikKozak <patrik@payloadcms.com> Co-authored-by: Jacob Fletcher <jacobsfletch@gmail.com>
2024-09-20 12:09:42 -04:00
parent d3b982f38d
commit 1afcaa30ed
42 changed files with 848 additions and 10860 deletions
--- a/examples/custom-components/package.json
+++ b/examples/custom-components/package.json
@@ -23,10 +23,10 @@
    "cross-env": "^7.0.3",
    "dotenv": "^8.2.0",
    "graphql": "^16.9.0",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "3.0.0-beta.106",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801"
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918"
  },
  "devDependencies": {
    "@payloadcms/graphql": "3.0.0-beta.106",
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />

 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
--- a/package.json
+++ b/package.json
@@ -103,7 +103,7 @@
  "devDependencies": {
    "@jest/globals": "29.7.0",
    "@libsql/client": "0.6.2",
-    "@next/bundle-analyzer": "15.0.0-canary.104",
+    "@next/bundle-analyzer": "15.0.0-canary.160",
    "@payloadcms/db-postgres": "workspace:*",
    "@payloadcms/eslint-config": "workspace:*",
    "@payloadcms/eslint-plugin": "workspace:*",
@@ -117,8 +117,8 @@
    "@types/minimist": "1.2.5",
    "@types/node": "22.5.4",
    "@types/prompts": "^2.4.5",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "@types/semver": "^7.5.3",
    "@types/shelljs": "0.8.15",
    "chalk": "^4.1.2",
@@ -141,15 +141,15 @@
    "lint-staged": "15.2.7",
    "minimist": "1.2.8",
    "mongodb-memory-server": "^9.0",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "open": "^10.1.0",
    "p-limit": "^5.0.0",
    "playwright": "1.46.0",
    "playwright-core": "1.46.0",
    "prettier": "3.3.3",
    "prompts": "2.4.2",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "rimraf": "3.0.2",
    "semver": "^7.5.4",
    "sharp": "0.32.6",
@@ -163,8 +163,8 @@
    "typescript": "5.6.2"
  },
  "peerDependencies": {
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "packageManager": "pnpm@9.7.1",
  "engines": {
@@ -177,8 +177,8 @@
      "domexception": "4"
    },
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
      "copyfiles": "$copyfiles",
      "cross-env": "$cross-env",
      "dotenv": "$dotenv",
@@ -191,8 +191,8 @@
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  },
  "workspaces:": [
    "packages/*",
--- a/packages/live-preview-react/package.json
+++ b/packages/live-preview-react/package.json
@@ -38,13 +38,13 @@
  },
  "devDependencies": {
    "@payloadcms/eslint-config": "workspace:*",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "payload": "workspace:*"
  },
  "peerDependencies": {
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "publishConfig": {
    "exports": {
@@ -59,7 +59,7 @@
    "types": "./dist/index.d.ts"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -64,6 +64,14 @@
    "lint:fix": "eslint . --fix",
    "prepublishOnly": "pnpm clean && pnpm turbo build"
  },
+  "lint-staged": {
+    "**/package.json": "sort-package-json",
+    "*.{md,mdx,yml,json}": "prettier --write",
+    "*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint --cache --fix"
+    ]
+  },
  "dependencies": {
    "@dnd-kit/core": "6.0.8",
    "@payloadcms/graphql": "workspace:*",
@@ -88,23 +96,23 @@
    "@babel/preset-env": "^7.24.5",
    "@babel/preset-react": "^7.24.1",
    "@babel/preset-typescript": "^7.24.1",
-    "@next/eslint-plugin-next": "15.0.0-canary.104",
+    "@next/eslint-plugin-next": "15.0.0-canary.160",
    "@payloadcms/eslint-config": "workspace:*",
    "@types/busboy": "1.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "@types/uuid": "10.0.0",
    "@types/ws": "^8.5.10",
-    "babel-plugin-react-compiler": "0.0.0-experimental-48eb8f4-20240822",
+    "babel-plugin-react-compiler": "0.0.0-experimental-24ec0eb-20240918",
    "esbuild": "0.23.1",
    "esbuild-sass-plugin": "3.3.1",
-    "eslint-plugin-react-compiler": "0.0.0-experimental-72f06b2-20240822",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
    "payload": "workspace:*",
    "swc-plugin-transform-remove-imports": "1.15.0"
  },
  "peerDependencies": {
    "graphql": "^16.8.1",
-    "next": "^15.0.0-canary.104",
+    "next": "^15.0.0-canary.160",
    "payload": "workspace:*"
  },
  "engines": {
@@ -152,7 +160,7 @@
    "types": "./dist/index.js"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/next/src/layouts/Root/index.tsx
+++ b/packages/next/src/layouts/Root/index.tsx
@@ -1,12 +1,12 @@
 import type { AcceptedLanguages } from '@payloadcms/translations'
-import type { ImportMap, SanitizedConfig } from 'payload'
+import type { CustomVersionParser, ImportMap, SanitizedConfig } from 'payload'

 import { rtlLanguages } from '@payloadcms/translations'
 import { RootProvider } from '@payloadcms/ui'
 import '@payloadcms/ui/scss/app.scss'
 import { createClientConfig } from '@payloadcms/ui/utilities/createClientConfig'
 import { headers as getHeaders, cookies as nextCookies } from 'next/headers.js'
-import { parseCookies } from 'payload'
+import { checkDependencies, parseCookies } from 'payload'
 import React from 'react'

 import { getPayloadHMR } from '../../utilities/getPayloadHMR.js'
@@ -21,6 +21,23 @@ export const metadata = {
  title: 'Next.js',
 }

+const customReactVersionParser: CustomVersionParser = (version) => {
+  const [mainVersion, ...preReleases] = version.split('-')
+
+  if (preReleases?.length === 3) {
+    // Needs different handling, as it's in a format like 19.0.0-rc-06d0b89e-20240801 format
+    const date = preReleases[2]
+
+    const parts = mainVersion.split('.').map(Number)
+    return { parts, preReleases: [date] }
+  }
+
+  const parts = mainVersion.split('.').map(Number)
+  return { parts, preReleases }
+}
+
+let checkedDependencies = false
+
 export const RootLayout = async ({
  children,
  config: configPromise,
@@ -30,6 +47,41 @@ export const RootLayout = async ({
  readonly config: Promise<SanitizedConfig>
  readonly importMap: ImportMap
 }) => {
+  if (
+    process.env.NODE_ENV !== 'production' &&
+    process.env.PAYLOAD_DISABLE_DEPENDENCY_CHECKER !== 'true' &&
+    !checkedDependencies
+  ) {
+    // eslint-disable-next-line react-compiler/react-compiler
+    checkedDependencies = true
+    // First check if there are mismatching dependency versions of next / react packages
+    await checkDependencies({
+      dependencyGroups: [
+        {
+          name: 'react',
+          dependencies: ['react', 'react-dom'],
+          targetVersionDependency: 'react',
+        },
+      ],
+      dependencyVersions: {
+        next: {
+          required: false,
+          version: '>=15.0.0-canary.160',
+        },
+        react: {
+          customVersionParser: customReactVersionParser,
+          required: false,
+          version: '>=19.0.0-rc-5dcb0097-20240918',
+        },
+        'react-dom': {
+          customVersionParser: customReactVersionParser,
+          required: false,
+          version: '>=19.0.0-rc-5dcb0097-20240918',
+        },
+      },
+    })
+  }
+
  const config = await configPromise

  const headers = getHeaders()
--- a/packages/next/src/views/Document/getDocumentData.tsx
+++ b/packages/next/src/views/Document/getDocumentData.tsx
@@ -49,7 +49,7 @@ export const getDocumentData = async (args: {
  } catch (error) {
    console.error('Error getting document data', error) // eslint-disable-line no-console
    return {
-      data: {},
+      data: null,
      formState: {
        fields: {
          initialValue: undefined,
--- a/packages/next/src/views/Versions/buildColumns.tsx
+++ b/packages/next/src/views/Versions/buildColumns.tsx
@@ -28,7 +28,6 @@ export const buildVersionColumns = ({

  const columns: Column[] = [
    {
-      Heading: <SortColumn Label={t('general:updatedAt')} name="updatedAt" />,
      accessor: 'updatedAt',
      active: true,
      cellProps: {
@@ -56,9 +55,9 @@ export const buildVersionColumns = ({
          },
        },
      },
+      Heading: <SortColumn Label={t('general:updatedAt')} name="updatedAt" />,
    },
    {
-      Heading: <SortColumn Label={t('version:versionID')} disable name="id" />,
      accessor: 'id',
      active: true,
      cellProps: {
@@ -80,6 +79,7 @@ export const buildVersionColumns = ({
          },
        },
      },
+      Heading: <SortColumn disable Label={t('version:versionID')} name="id" />,
    },
  ]

@@ -88,7 +88,6 @@ export const buildVersionColumns = ({
    (entityConfig?.versions?.drafts && entityConfig.versions.drafts?.autosave)
  ) {
    columns.push({
-      Heading: <SortColumn Label={t('version:status')} disable name="status" />,
      accessor: '_status',
      active: true,
      cellProps: {
@@ -115,6 +114,7 @@ export const buildVersionColumns = ({
          },
        },
      },
+      Heading: <SortColumn disable Label={t('version:status')} name="status" />,
    })
  }

--- a/packages/payload/package.json
+++ b/packages/payload/package.json
@@ -85,7 +85,7 @@
  },
  "dependencies": {
    "@monaco-editor/react": "4.6.0",
-    "@next/env": "^15.0.0-canary.104",
+    "@next/env": "^15.0.0-canary.160",
    "@payloadcms/translations": "workspace:*",
    "@types/busboy": "1.5.4",
    "ajv": "8.17.1",
--- a/packages/payload/src/checkPayloadDependencies.ts
+++ b/packages/payload/src/checkPayloadDependencies.ts
@@ -1,23 +1,6 @@
-import type { CustomVersionParser } from './utilities/dependencies/dependencyChecker.js'
-
 import { checkDependencies } from './utilities/dependencies/dependencyChecker.js'
 import { PAYLOAD_PACKAGE_LIST } from './versions/payloadPackageList.js'

-const customReactVersionParser: CustomVersionParser = (version) => {
-  const [mainVersion, ...preReleases] = version.split('-')
-
-  if (preReleases?.length === 3) {
-    // Needs different handling, as it's in a format like 19.0.0-rc-06d0b89e-20240801 format
-    const date = preReleases[2]
-
-    const parts = mainVersion.split('.').map(Number)
-    return { parts, preReleases: [date] }
-  }
-
-  const parts = mainVersion.split('.').map(Number)
-  return { parts, preReleases }
-}
-
 export async function checkPayloadDependencies() {
  const dependencies = [...PAYLOAD_PACKAGE_LIST]

@@ -33,27 +16,6 @@ export async function checkPayloadDependencies() {
        dependencies,
        targetVersionDependency: 'payload',
      },
-      {
-        name: 'react',
-        dependencies: ['react', 'react-dom'],
-        targetVersionDependency: 'react',
-      },
    ],
-    dependencyVersions: {
-      next: {
-        required: false,
-        version: '>=15.0.0-canary.104',
-      },
-      react: {
-        customVersionParser: customReactVersionParser,
-        required: false,
-        version: '>=19.0.0-rc-06d0b89e-20240801',
-      },
-      'react-dom': {
-        customVersionParser: customReactVersionParser,
-        required: false,
-        version: '>=19.0.0-rc-06d0b89e-20240801',
-      },
-    },
  })
 }
--- a/packages/payload/src/index.ts
+++ b/packages/payload/src/index.ts
@@ -64,6 +64,7 @@ import { consoleEmailAdapter } from './email/consoleEmailAdapter.js'
 import { fieldAffectsData } from './fields/config/types.js'
 import localGlobalOperations from './globals/operations/local/index.js'
 import { checkDependencies } from './utilities/dependencies/dependencyChecker.js'
+import flattenFields from './utilities/flattenTopLevelFields.js'
 import { getLogger } from './utilities/logger.js'
 import { serverInit as serverInitTelemetry } from './utilities/telemetry/events/serverInit.js'
 import { traverseFields } from './utilities/traverseFields.js'
@@ -133,6 +134,8 @@ export type TypedAuthOperations = ResolveAuthOperationsType<GeneratedTypes>
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)

+let checkedDependencies = false
+
 /**
 * @description Payload
 */
@@ -434,8 +437,10 @@ export class BasePayload {
  async init(options: InitOptions): Promise<Payload> {
    if (
      process.env.NODE_ENV !== 'production' &&
-      process.env.PAYLOAD_DISABLE_DEPENDENCY_CHECKER !== 'true'
+      process.env.PAYLOAD_DISABLE_DEPENDENCY_CHECKER !== 'true' &&
+      !checkedDependencies
    ) {
+      checkedDependencies = true
      await checkPayloadDependencies()
    }

@@ -1029,6 +1034,10 @@ export {
  deepMergeWithReactComponents,
  deepMergeWithSourceArrays,
 } from './utilities/deepMerge.js'
+export {
+  checkDependencies,
+  type CustomVersionParser,
+} from './utilities/dependencies/dependencyChecker.js'
 export { getDependencies } from './utilities/dependencies/getDependencies.js'
 export {
  findUp,
@@ -1052,7 +1061,6 @@ export { traverseFields } from './utilities/traverseFields.js'
 export type { TraverseFieldsCallback } from './utilities/traverseFields.js'
 export { buildVersionCollectionFields } from './versions/buildCollectionFields.js'
 export { buildVersionGlobalFields } from './versions/buildGlobalFields.js'
-export { checkDependencies }
 export { versionDefaults } from './versions/defaults.js'
 export { deleteCollectionVersions } from './versions/deleteCollectionVersions.js'
 export { enforceMaxVersions } from './versions/enforceMaxVersions.js'
--- a/packages/payload/src/versions/saveVersion.ts
+++ b/packages/payload/src/versions/saveVersion.ts
@@ -135,7 +135,9 @@ export const saveVersion = async ({

      if (publishSpecificLocale && snapshot) {
        const snapshotData = deepCopyObjectSimple(snapshot)
-        if (snapshotData._id) {delete snapshotData._id}
+        if (snapshotData._id) {
+          delete snapshotData._id
+        }

        snapshotData._status = 'draft'

--- a/packages/plugin-form-builder/package.json
+++ b/packages/plugin-form-builder/package.json
@@ -61,16 +61,16 @@
    "@payloadcms/eslint-config": "workspace:*",
    "@types/escape-html": "^1.0.4",
    "@types/express": "^4.17.21",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "copyfiles": "^2.4.1",
    "cross-env": "^7.0.3",
    "payload": "workspace:*"
  },
  "peerDependencies": {
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "publishConfig": {
    "exports": {
@@ -96,7 +96,7 @@
  },
  "homepage:": "https://payloadcms.com",
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/plugin-redirects/package.json
+++ b/packages/plugin-redirects/package.json
@@ -51,8 +51,8 @@
  "devDependencies": {
    "@payloadcms/eslint-config": "workspace:*",
    "@types/express": "^4.17.9",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "payload": "workspace:*"
  },
  "peerDependencies": {
@@ -76,7 +76,7 @@
  },
  "homepage:": "https://payloadcms.com",
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/plugin-search/package.json
+++ b/packages/plugin-search/package.json
@@ -56,14 +56,14 @@
  "devDependencies": {
    "@payloadcms/eslint-config": "workspace:*",
    "@types/express": "^4.17.9",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "payload": "workspace:*"
  },
  "peerDependencies": {
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "publishConfig": {
    "exports": {
@@ -89,7 +89,7 @@
  },
  "homepage:": "https://payloadcms.com",
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/plugin-sentry/package.json
+++ b/packages/plugin-sentry/package.json
@@ -49,8 +49,8 @@
    "@types/express": "^4.17.9",
    "@types/jest": "29.5.12",
    "@types/node": "22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "copyfiles": "^2.4.1",
    "cross-env": "^7.0.3",
    "jest": "^29.7.0",
@@ -60,8 +60,8 @@
  },
  "peerDependencies": {
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "publishConfig": {
    "exports": {
@@ -76,7 +76,7 @@
  },
  "homepage:": "https://payloadcms.com",
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/plugin-seo/package.json
+++ b/packages/plugin-seo/package.json
@@ -63,14 +63,14 @@
  "devDependencies": {
    "@payloadcms/eslint-config": "workspace:*",
    "@payloadcms/next": "workspace:*",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "payload": "workspace:*"
  },
  "peerDependencies": {
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "publishConfig": {
    "exports": {
@@ -101,7 +101,7 @@
  },
  "homepage:": "https://payloadcms.com",
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/plugin-stripe/package.json
+++ b/packages/plugin-stripe/package.json
@@ -65,8 +65,8 @@
    "@payloadcms/next": "workspace:*",
    "@types/express": "^4.17.9",
    "@types/lodash.get": "^4.4.7",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "@types/uuid": "10.0.0",
    "payload": "workspace:*"
  },
@@ -97,7 +97,7 @@
  },
  "homepage:": "https://payloadcms.com",
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/richtext-lexical/package.json
+++ b/packages/richtext-lexical/package.json
@@ -82,13 +82,13 @@
    "@types/escape-html": "1.0.4",
    "@types/json-schema": "7.0.15",
    "@types/node": "22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "babel-plugin-react-compiler": "0.0.0-experimental-48eb8f4-20240822",
    "babel-plugin-transform-remove-imports": "^1.8.0",
    "esbuild": "0.23.1",
    "esbuild-sass-plugin": "3.3.1",
-    "eslint-plugin-react-compiler": "0.0.0-experimental-72f06b2-20240822",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
    "payload": "workspace:*",
    "swc-plugin-transform-remove-imports": "1.15.0"
  },
@@ -108,8 +108,8 @@
    "@payloadcms/next": "workspace:*",
    "lexical": "0.17.0",
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "engines": {
    "node": "^18.20.2 || >=20.9.0"
@@ -142,7 +142,7 @@
    "types": "./dist/index.d.ts"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/richtext-lexical/src/index.ts
+++ b/packages/richtext-lexical/src/index.ts
@@ -39,13 +39,16 @@ import { recurseNodeTree } from './utilities/recurseNodeTree.js'
 import { richTextValidateHOC } from './validate/index.js'

 let defaultSanitizedServerEditorConfig: SanitizedServerEditorConfig = null
+let checkedDependencies = false

 export function lexicalEditor(props?: LexicalEditorProps): LexicalRichTextAdapterProvider {
  return async ({ config, isRoot, parentIsLocalized }) => {
    if (
      process.env.NODE_ENV !== 'production' &&
-      process.env.PAYLOAD_DISABLE_DEPENDENCY_CHECKER !== 'true'
+      process.env.PAYLOAD_DISABLE_DEPENDENCY_CHECKER !== 'true' &&
+      !checkedDependencies
    ) {
+      checkedDependencies = true
      await checkDependencies({
        dependencyGroups: [
          {
--- a/packages/richtext-slate/package.json
+++ b/packages/richtext-slate/package.json
@@ -52,13 +52,13 @@
    "@payloadcms/eslint-config": "workspace:*",
    "@types/is-hotkey": "^0.1.10",
    "@types/node": "22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "payload": "workspace:*"
  },
  "peerDependencies": {
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "engines": {
    "node": "^18.20.2 || >=20.9.0"
@@ -86,7 +86,7 @@
    "types": "./dist/index.d.ts"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/translations/package.json
+++ b/packages/translations/package.json
@@ -50,8 +50,8 @@
  "devDependencies": {
    "@payloadcms/eslint-config": "workspace:*",
    "@swc/core": "1.7.10",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "dotenv": "16.4.5",
    "prettier": "3.3.3",
    "typescript": "5.6.2"
@@ -83,7 +83,7 @@
    "types": "./dist/exports/index.d.ts"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -90,7 +90,7 @@
    "react-datepicker": "6.9.0",
    "react-image-crop": "10.1.8",
    "react-select": "5.8.0",
-    "scheduler": "0.25.0-rc-f994737d14-20240522",
+    "scheduler": "0.0.0-experimental-5dcb0097-20240918",
    "sonner": "^1.5.0",
    "ts-essentials": "10.0.2",
    "use-context-selector": "2.0.0",
@@ -105,21 +105,21 @@
    "@hyrious/esbuild-plugin-commonjs": "^0.2.4",
    "@payloadcms/eslint-config": "workspace:*",
    "@types/body-scroll-lock": "^3.1.0",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
    "@types/react-datepicker": "6.2.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "@types/uuid": "10.0.0",
-    "babel-plugin-react-compiler": "0.0.0-experimental-48eb8f4-20240822",
+    "babel-plugin-react-compiler": "0.0.0-experimental-24ec0eb-20240918",
    "esbuild": "0.23.1",
    "esbuild-sass-plugin": "3.3.1",
-    "eslint-plugin-react-compiler": "0.0.0-experimental-72f06b2-20240822",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
    "payload": "workspace:*"
  },
  "peerDependencies": {
-    "next": "^15.0.0-canary.104",
+    "next": "^15.0.0-canary.160",
    "payload": "workspace:*",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801"
+    "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918"
  },
  "engines": {
    "node": "^18.20.2 || >=20.9.0"
@@ -201,7 +201,7 @@
    "types": "./dist/exports/client/index.d.ts"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/packages/ui/src/elements/Table/DefaultCell/fields/index.tsx
+++ b/packages/ui/src/elements/Table/DefaultCell/fields/index.tsx
@@ -11,12 +11,12 @@ import { SelectCell } from './Select/index.js'
 import { TextareaCell } from './Textarea/index.js'

 export const cellComponents = {
-  File: FileCell,
  array: ArrayCell,
  blocks: BlocksCell,
  checkbox: CheckboxCell,
  code: CodeCell,
  date: DateCell,
+  File: FileCell,
  join: RelationshipCell,
  json: JSONCell,
  radio: SelectCell,
--- a/packages/ui/src/fields/index.tsx
+++ b/packages/ui/src/fields/index.tsx
@@ -12,8 +12,8 @@ import { DateTimeField } from './DateTime/index.js'
 import { EmailField } from './Email/index.js'
 import { GroupField } from './Group/index.js'
 import { HiddenField } from './Hidden/index.js'
-import { JSONField } from './JSON/index.js'
 import { JoinField } from './Join/index.js'
+import { JSONField } from './JSON/index.js'
 import { NumberField } from './Number/index.js'
 import { PasswordField } from './Password/index.js'
 import { PointField } from './Point/index.js'
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/templates/_template/package.json
+++ b/templates/_template/package.json
@@ -21,18 +21,18 @@
    "@payloadcms/richtext-lexical": "beta",
    "cross-env": "^7.0.3",
    "graphql": "^16.8.1",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "sharp": "0.32.6"
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "typescript": "5.6.2"
  },
  "engines": {
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/blank/package.json
+++ b/templates/blank/package.json
@@ -21,18 +21,18 @@
    "@payloadcms/richtext-lexical": "beta",
    "cross-env": "^7.0.3",
    "graphql": "^16.8.1",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "sharp": "0.32.6"
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "typescript": "5.6.2"
  },
  "engines": {
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/vercel-postgres/package.json
+++ b/templates/vercel-postgres/package.json
@@ -26,8 +26,8 @@
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "autoprefixer": "^10.0.1",
    "eslint": "^8",
    "eslint-config-next": "15.0.0-canary.53",
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/website/next-env.d.ts
+++ b/templates/website/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />

 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
--- a/templates/website/package.json
+++ b/templates/website/package.json
@@ -40,12 +40,12 @@
    "jsonwebtoken": "9.0.2",
    "lexical": "0.17.0",
    "lucide-react": "^0.378.0",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
    "payload-admin-bar": "^1.0.6",
    "prism-react-renderer": "^2.3.1",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "react-hook-form": "7.45.4",
    "sharp": "0.32.6",
    "tailwind-merge": "^2.3.0",
@@ -58,12 +58,12 @@
    "@types/escape-html": "^1.0.2",
    "@types/jsonwebtoken": "^9.0.6",
    "@types/node": "22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "autoprefixer": "^10.4.19",
    "copyfiles": "^2.4.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "postcss": "^8.4.38",
    "prettier": "^3.0.3",
    "tailwindcss": "^3.4.3",
@@ -74,12 +74,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/website/pnpm-lock.yaml
+++ b/templates/website/pnpm-lock.yaml
--- a/templates/with-payload-cloud/package.json
+++ b/templates/with-payload-cloud/package.json
@@ -21,18 +21,18 @@
    "@payloadcms/richtext-lexical": "beta",
    "cross-env": "^7.0.3",
    "graphql": "^16.8.1",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "sharp": "0.32.6"
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "typescript": "5.6.2"
  },
  "engines": {
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/with-postgres/package.json
+++ b/templates/with-postgres/package.json
@@ -21,18 +21,18 @@
    "@payloadcms/richtext-lexical": "beta",
    "cross-env": "^7.0.3",
    "graphql": "^16.8.1",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "sharp": "0.32.6"
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "typescript": "5.6.2"
  },
  "engines": {
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/with-vercel-mongodb/package.json
+++ b/templates/with-vercel-mongodb/package.json
@@ -22,17 +22,17 @@
    "@payloadcms/storage-vercel-blob": "beta",
    "cross-env": "^7.0.3",
    "graphql": "^16.8.1",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801"
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918"
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "typescript": "5.6.2"
  },
  "engines": {
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/templates/with-vercel-postgres/package.json
+++ b/templates/with-vercel-postgres/package.json
@@ -21,18 +21,18 @@
    "@payloadcms/richtext-lexical": "beta",
    "cross-env": "^7.0.3",
    "graphql": "^16.8.1",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "beta",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "sharp": "0.32.6"
  },
  "devDependencies": {
    "@types/node": "^22.5.4",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
    "eslint": "^8",
-    "eslint-config-next": "15.0.0-canary.104",
+    "eslint-config-next": "15.0.0-canary.160",
    "typescript": "5.6.2"
  },
  "engines": {
@@ -40,12 +40,12 @@
  },
  "pnpm": {
    "overrides": {
-      "@types/react": "npm:types-react@19.0.0-rc.0",
-      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+      "@types/react": "npm:types-react@19.0.0-rc.1",
+      "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
    }
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }
--- a/test/admin-root/e2e.spec.ts
+++ b/test/admin-root/e2e.spec.ts
@@ -91,7 +91,7 @@ test.describe('Admin Panel (Root)', () => {

  test('ui - should render default payload favicons', async () => {
    await page.goto(url.admin)
-    const favicons = page.locator('link[rel="icon"]')
+    const favicons = page.locator('link[rel="icon"][type="image/png"]')
    await expect(favicons).toHaveCount(2)
    await expect(favicons.nth(0)).toHaveAttribute('sizes', '32x32')
    await expect(favicons.nth(1)).toHaveAttribute('sizes', '32x32')
--- a/test/helpers.ts
+++ b/test/helpers.ts
@@ -309,7 +309,8 @@ export function initPageConsoleErrorCatch(page: Page) {
      !msg.text().includes('did not match. Server:') &&
      !msg.text().includes('the server responded with a status of') &&
      !msg.text().includes('Failed to fetch RSC payload for') &&
-      !msg.text().includes('Error: NEXT_NOT_FOUND')
+      !msg.text().includes('Error: NEXT_NOT_FOUND') &&
+      !msg.text().includes('Error getting document data')
    ) {
      // "Failed to fetch RSC payload for" happens seemingly randomly. There are lots of issues in the next.js repository for this. Causes e2e tests to fail and flake. Will ignore for now
      // the the server responded with a status of error happens frequently. Will ignore it for now.
--- a/test/helpers/NextRESTClient.ts
+++ b/test/helpers/NextRESTClient.ts
@@ -62,7 +62,7 @@ export class NextRESTClient {

  constructor(config: SanitizedConfig) {
    this.config = config
-    if (config?.serverURL) this.serverURL = config.serverURL
+    if (config?.serverURL) {this.serverURL = config.serverURL}
    this._GET = createGET(config)
    this._POST = createPOST(config)
    this._DELETE = createDELETE(config)
@@ -151,33 +151,6 @@ export class NextRESTClient {
    return this._GRAPHQL_POST(request)
  }

-  async PATCH(path: ValidPath, options: FileArg & RequestInit & RequestOptions): Promise<Response> {
-    const { slug, params, url } = this.generateRequestParts(path)
-    const { query, ...rest } = options
-    const queryParams = generateQueryString(query, params)
-
-    const request = new Request(`${url}${queryParams}`, {
-      ...rest,
-      headers: this.buildHeaders(options),
-      method: 'PATCH',
-    })
-    return this._PATCH(request, { params: { slug } })
-  }
-
-  async POST(
-    path: ValidPath,
-    options: FileArg & RequestInit & RequestOptions = {},
-  ): Promise<Response> {
-    const { slug, params, url } = this.generateRequestParts(path)
-    const queryParams = generateQueryString({}, params)
-    const request = new Request(`${url}${queryParams}`, {
-      ...options,
-      headers: this.buildHeaders(options),
-      method: 'POST',
-    })
-    return this._POST(request, { params: { slug } })
-  }
-
  async login({
    slug,
    credentials,
@@ -206,4 +179,31 @@ export class NextRESTClient {

    return result
  }
+
+  async PATCH(path: ValidPath, options: FileArg & RequestInit & RequestOptions): Promise<Response> {
+    const { slug, params, url } = this.generateRequestParts(path)
+    const { query, ...rest } = options
+    const queryParams = generateQueryString(query, params)
+
+    const request = new Request(`${url}${queryParams}`, {
+      ...rest,
+      headers: this.buildHeaders(options),
+      method: 'PATCH',
+    })
+    return this._PATCH(request, { params: { slug } })
+  }
+
+  async POST(
+    path: ValidPath,
+    options: FileArg & RequestInit & RequestOptions = {},
+  ): Promise<Response> {
+    const { slug, params, url } = this.generateRequestParts(path)
+    const queryParams = generateQueryString({}, params)
+    const request = new Request(`${url}${queryParams}`, {
+      ...options,
+      headers: this.buildHeaders(options),
+      method: 'POST',
+    })
+    return this._POST(request, { params: { slug } })
+  }
 }
--- a/test/helpers/e2e/reorderColumns.ts
+++ b/test/helpers/e2e/reorderColumns.ts
@@ -40,7 +40,7 @@ export const reorderColumns = async (
    })
    .boundingBox()

-  if (!fromBoundingBox || !toBoundingBox) return
+  if (!fromBoundingBox || !toBoundingBox) {return}

  // drag the "from" column to the left of the "to" column
  await page.mouse.move(fromBoundingBox.x + 2, fromBoundingBox.y + 2, { steps: 10 })
--- a/test/locked-documents/e2e.spec.ts
+++ b/test/locked-documents/e2e.spec.ts
@@ -22,6 +22,7 @@ const { beforeAll, afterAll, describe } = test
 const lockedDocumentCollection = 'payload-locked-documents'

 let page: Page
+let globalUrl: AdminUrlUtil
 let postsUrl: AdminUrlUtil
 let pagesUrl: AdminUrlUtil
 let payload: PayloadTestSDK<Config>
@@ -32,6 +33,7 @@ describe('locked documents', () => {
    testInfo.setTimeout(TEST_TIMEOUT)
    ;({ payload, serverURL } = await initPayloadE2ENoConfig({ dirname }))

+    globalUrl = new AdminUrlUtil(serverURL, 'menu')
    postsUrl = new AdminUrlUtil(serverURL, 'posts')
    pagesUrl = new AdminUrlUtil(serverURL, 'pages')

@@ -821,10 +823,10 @@ describe('locked documents', () => {
    })

    test('should not show lock on document card in dashboard view if locked by current user', async () => {
-      await page.goto(postsUrl.edit('menu'))
-      await page.waitForURL(postsUrl.edit('menu'))
+      await page.goto(globalUrl.global('menu'))
+      await page.waitForURL(globalUrl.global('menu'))

-      const textInput = page.locator('#field-text')
+      const textInput = page.locator('#field-globalText')
      await textInput.fill('this is a global menu text field')

      await page.reload()
--- a/test/package.json
+++ b/test/package.json
@@ -57,9 +57,9 @@
    "@payloadcms/translations": "workspace:*",
    "@payloadcms/ui": "workspace:*",
    "@sentry/react": "^7.77.0",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
-    "babel-plugin-react-compiler": "0.0.0-experimental-48eb8f4-20240822",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "babel-plugin-react-compiler": "0.0.0-experimental-24ec0eb-20240918",
    "comment-json": "^4.2.3",
    "create-payload-app": "workspace:*",
    "dotenv": "16.4.5",
@@ -70,11 +70,11 @@
    "http-status": "1.6.2",
    "jwt-decode": "4.0.0",
    "lexical": "0.17.0",
-    "next": "15.0.0-canary.104",
+    "next": "15.0.0-canary.160",
    "payload": "workspace:*",
    "qs-esm": "7.0.2",
-    "react": "19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "19.0.0-rc-06d0b89e-20240801",
+    "react": "19.0.0-rc-5dcb0097-20240918",
+    "react-dom": "19.0.0-rc-5dcb0097-20240918",
    "server-only": "^0.0.1",
    "slate": "0.91.4",
    "tempy": "^1.0.1",
@@ -84,7 +84,7 @@
    "uuid": "10.0.0"
  },
  "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
  }
 }