chore: setup a separate compiled studio, bump to 19rc (#6808)

dev/test-next-studio/next.config.mjs

@@ -69,14 +69,17 @@ const config = {
       'sanity/structure': requireResolve('../../packages/sanity/src/_exports/structure.ts'),
       'sanity/migrate': requireResolve('../../packages/sanity/src/_exports/migrate.ts'),
       'sanity': requireResolve('../../packages/sanity/src/_exports/index.ts'),
+      'styled-components': requireResolve(
+        'styled-components/dist/styled-components.browser.esm.js',
+      ),
     }
     return config
   },
   // Makes it much easier to see which component got memoized by the react compiler
   // when testing on https://test-next-studio.sanity.build
   productionBrowserSourceMaps: true,
   experimental: {
-    reactCompiler: true,
+    reactCompiler: process.env.REACT_COMPILER === 'true' ? true : false,
     turbo: {
       resolveAlias: {
         '@sanity/block-tools': '@sanity/block-tools/src/index.ts',
@@ -106,6 +109,7 @@ const config = {
         'sanity/structure': 'sanity/src/_exports/structure.ts',
         'sanity/migrate': 'sanity/src/_exports/migrate.ts',
         'sanity': 'sanity/src/_exports/index.ts',
+        'styled-components': {browser: 'styled-components/dist/styled-components.browser.esm.js'},
       },
     },
   },

dev/test-next-studio/package.json

@@ -12,10 +12,10 @@
   },
   "dependencies": {
     "@sanity/vision": "workspace:*",
-    "babel-plugin-react-compiler": "0.0.0-experimental-592953e-20240517",
-    "next": "14.3.0-canary.87",
-    "react": "19.0.0-beta-04b058868c-20240508",
-    "react-dom": "19.0.0-beta-04b058868c-20240508",
+    "babel-plugin-react-compiler": "0.0.0-experimental-487cb0e-20240529",
+    "next": "15.0.0-rc.0",
+    "react": "19.0.0-rc-38e3b23483-20240529",
+    "react-dom": "19.0.0-rc-38e3b23483-20240529",
     "sanity": "workspace:*",
     "sanity-test-studio": "workspace:*",
     "styled-components": "^6.1.11",

dev/test-next-studio/turbo.json

@@ -3,7 +3,7 @@
   "extends": ["//"],
   "pipeline": {
     "build": {
-      "env": ["NEXT_PUBLIC_SANITY_*", "NEXT_PUBLIC_VERCEL_ENV", "SANITY_*"],
+      "env": ["NEXT_PUBLIC_SANITY_*", "NEXT_PUBLIC_VERCEL_ENV", "SANITY_*", "REACT_COMPILER"],
       "outputs": [".next/**", "!.next/cache/**", "out/**"],
       "dependsOn": ["^build"]
     },

package.json

@@ -40,6 +40,7 @@
     "dev:strict-studio": "pnpm --filter sanity-strict-studio dev",
     "dev:test-studio": "pnpm --filter sanity-test-studio dev",
     "dev:next-studio": "pnpm --filter sanity-test-next-studio dev",
+    "dev:compiled-studio": "REACT_COMPILER=true pnpm dev:next-studio",
     "dev:turbo-studio": "pnpm dev:next-studio --turbo",
     "docs:report": "node -r dotenv-flow/config -r esbuild-register scripts/doc-report/docReport",
     "docs:report:cleanup": "node -r dotenv-flow/config -r esbuild-register scripts/doc-report/docReportCleanup",