[core] Use React 18's JSX runtime for v5.x UMD builds

.circleci/config.yml

@@ -712,7 +712,7 @@ jobs:
             DANGER_COMMAND: prepareBundleSizeReport
       - run:
           name: build @mui packages
-          command: BROWSERSLIST_IGNORE_OLD_DATA=true pnpm lerna run --ignore @mui/icons-material --concurrency 6 --scope "@mui/*" build
+          command: BROWSERSLIST_IGNORE_OLD_DATA=true pnpm lerna run --ignore @mui/icons-material --concurrency 6 --scope "@mui/*" build && pnpm --filter @mui/material build:umd
       - run:
           name: create @mui/material canary distributable
           command: |

package.json

@@ -14,7 +14,7 @@
     "clean:zero": "pnpm --filter \"@pigmentcss/*\" clean",
     "build:codesandbox": "BROWSERSLIST_IGNORE_OLD_DATA=true NODE_OPTIONS=\"--max_old_space_size=4096\" lerna run --concurrency 8 --scope \"@mui/*\" --scope \"@mui-internal/*\" --no-private build",
     "release:version": "lerna version --no-changelog --no-push --no-git-tag-version --no-private --force-publish=@mui/core-downloads-tracker",
-    "release:build": "BROWSERSLIST_IGNORE_OLD_DATA=true lerna run --concurrency 8 --no-private build --skip-nx-cache",
+    "release:build": "BROWSERSLIST_IGNORE_OLD_DATA=true lerna run --concurrency 8 --no-private build --skip-nx-cache && pnpm --filter @mui/material build:umd",
     "release:changelog": "node scripts/releaseChangelog.mjs",
     "release:publish": "pnpm publish --recursive --tag latest-v5",
     "release:publish:dry-run": "pnpm publish --recursive --tag latest-v5 --registry=\"http://localhost:4873/\"",

packages/mui-material/package.json

@@ -27,12 +27,12 @@
     "url": "https://opencollective.com/mui-org"
   },
   "scripts": {
-    "build": "pnpm build:legacy && pnpm build:modern && pnpm build:node && pnpm build:stable && pnpm build:umd && pnpm build:types && pnpm build:copy-files",
+    "build": "pnpm build:legacy && pnpm build:modern && pnpm build:node && pnpm build:stable && pnpm build:types && pnpm build:copy-files",
     "build:legacy": "node ../../scripts/build.mjs legacy",
     "build:modern": "node ../../scripts/build.mjs modern",
     "build:node": "node ../../scripts/build.mjs node",
     "build:stable": "node ../../scripts/build.mjs stable",
-    "build:umd": "cross-env BABEL_ENV=rollup rollup -c scripts/rollup.config.mjs",
+    "build:umd": "node ../../scripts/useReactVersion.mjs ^18.0.0 && cross-env BABEL_ENV=rollup rollup -c scripts/rollup.config.mjs && git restore ../../package.json && git restore ../../pnpm-lock.yaml && pnpm install",
     "build:copy-files": "node ../../scripts/copyFiles.mjs",
     "build:types": "node ../../scripts/buildTypes.mjs",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo",

packages/mui-material/test/umd/run.js

@@ -50,7 +50,7 @@ async function createApp() {
     'utf8',
   );
   index = index.replace(
-    'https://unpkg.com/@mui/material@latest/umd/material-ui.development.js',
+    'https://unpkg.com/@mui/material@5/umd/material-ui.development.js',
     umdPath,
   );
   index = index.replace(