From a763fed3fee0d00cd1ad789c7e5694802cbb4ee3 Mon Sep 17 00:00:00 2001 From: Sam Selikoff Date: Wed, 9 Sep 2026 14:00:02 -0400 Subject: [PATCH] Use stable React 19.3 in Sandpacks --- src/components/MDX/Sandpack/template.ts | 4 +- src/components/MDX/Sandpack/templateRSC.ts | 4 +- src/content/blog/2026/09/09/react-19-3.md | 32 +++++++------- src/content/reference/react-dom/browser.md | 8 ++-- src/content/reference/react/Fragment.md | 20 ++++----- src/content/reference/react/Suspense.md | 20 ++++----- src/content/reference/react/ViewTransition.md | 44 +++++++++---------- src/content/reference/react/use.md | 4 +- 8 files changed, 68 insertions(+), 68 deletions(-) diff --git a/src/components/MDX/Sandpack/template.ts b/src/components/MDX/Sandpack/template.ts index 5f4a8ccd526..89c7d657ac7 100644 --- a/src/components/MDX/Sandpack/template.ts +++ b/src/components/MDX/Sandpack/template.ts @@ -35,8 +35,8 @@ root.render( eject: 'react-scripts eject', }, dependencies: { - react: '19.3.0-canary-f1f7ed2a-20260904', - 'react-dom': '19.3.0-canary-f1f7ed2a-20260904', + react: '^19.3.0', + 'react-dom': '^19.3.0', 'react-scripts': '^5.0.0', }, }, diff --git a/src/components/MDX/Sandpack/templateRSC.ts b/src/components/MDX/Sandpack/templateRSC.ts index 8073ec40945..99fa1bcbe45 100644 --- a/src/components/MDX/Sandpack/templateRSC.ts +++ b/src/components/MDX/Sandpack/templateRSC.ts @@ -91,8 +91,8 @@ export const templateRSC: SandpackFiles = { version: '0.0.0', main: '/src/index.js', dependencies: { - react: '19.3.0-canary-f1f7ed2a-20260904', - 'react-dom': '19.3.0-canary-f1f7ed2a-20260904', + react: '19.3.0', + 'react-dom': '19.3.0', }, }, null, diff --git a/src/content/blog/2026/09/09/react-19-3.md b/src/content/blog/2026/09/09/react-19-3.md index 80144fc2ec4..0c1c1c567ea 100644 --- a/src/content/blog/2026/09/09/react-19-3.md +++ b/src/content/blog/2026/09/09/react-19-3.md @@ -211,8 +211,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -546,8 +546,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -797,8 +797,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1048,8 +1048,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1301,8 +1301,8 @@ img { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1476,8 +1476,8 @@ export default function InView({ onChange, children }) { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1651,8 +1651,8 @@ iframe { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1791,8 +1791,8 @@ iframe { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } diff --git a/src/content/reference/react-dom/browser.md b/src/content/reference/react-dom/browser.md index 00c60d37d2a..c595b326e3a 100644 --- a/src/content/reference/react-dom/browser.md +++ b/src/content/reference/react-dom/browser.md @@ -189,8 +189,8 @@ iframe { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" }, "scripts": { @@ -356,8 +356,8 @@ iframe { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" }, "scripts": { diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 8666850fc00..e0af613d59a 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -511,8 +511,8 @@ export default function App() { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -620,8 +620,8 @@ label { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -716,8 +716,8 @@ p { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -828,8 +828,8 @@ export default function Card({ title }) { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1018,8 +1018,8 @@ export default function Card({ title, className }) { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } diff --git a/src/content/reference/react/Suspense.md b/src/content/reference/react/Suspense.md index 18b20816f8f..bb08a5b08a9 100644 --- a/src/content/reference/react/Suspense.md +++ b/src/content/reference/react/Suspense.md @@ -2515,8 +2515,8 @@ iframe { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" }, "scripts": { @@ -2880,8 +2880,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -3038,8 +3038,8 @@ hr { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -3171,8 +3171,8 @@ hr { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -3388,8 +3388,8 @@ hr { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } diff --git a/src/content/reference/react/ViewTransition.md b/src/content/reference/react/ViewTransition.md index 1011a1c9623..1b986460f79 100644 --- a/src/content/reference/react/ViewTransition.md +++ b/src/content/reference/react/ViewTransition.md @@ -425,8 +425,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -565,8 +565,8 @@ function Counter() { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -789,8 +789,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1023,8 +1023,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1224,8 +1224,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1486,8 +1486,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1717,8 +1717,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -1963,8 +1963,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -2292,8 +2292,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -2518,8 +2518,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } @@ -2763,8 +2763,8 @@ button:hover { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" } } diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md index ab0db0dd8ec..7d29b178a2a 100644 --- a/src/content/reference/react/use.md +++ b/src/content/reference/react/use.md @@ -1461,8 +1461,8 @@ iframe { ```json package.json hidden { "dependencies": { - "react": "19.3.0-canary-f1f7ed2a-20260904", - "react-dom": "19.3.0-canary-f1f7ed2a-20260904", + "react": "^19.3.0", + "react-dom": "^19.3.0", "react-scripts": "latest" }, "scripts": {