Update dependencies in sandboxes

Closes GH-35.
Closes GH-42.
Closes GH-43.
Closes GH-44.
Closes GH-45.
Closes GH-46.
Closes GH-48.

Reviewed-by: Remco Haszing <remcohaszing@gmail.com>
Reviewed-by: Titus Wormer <tituswormer@gmail.com>

sandbox-templates/mdx-evaluate-create-react-app/package.json

@@ -4,14 +4,14 @@
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@mdx-js/mdx": "2.1.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-scripts": "5.0.0"
+    "@mdx-js/mdx": "^2.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-scripts": "^5.0.0"
   },
   "devDependencies": {
-    "@babel/runtime": "7.16.7",
-    "typescript": "4.6.3"
+    "@babel/runtime": "^7.0.0",
+    "typescript": "~4.9.0"
   },
   "scripts": {
     "start": "react-scripts start",

sandbox-templates/mdx-evaulate-node/index.js

@@ -2,8 +2,8 @@
 // You can refresh them in the Dependencies section (left-bottom on CodeSandbox)
 
 import http from "node:http";
-import * as runtime from "react/jsx-runtime.js";
-import ReactDom from "react-dom/server.js";
+import * as runtime from "react/jsx-runtime";
+import ReactDom from "react-dom/server";
 import { evaluate } from "@mdx-js/mdx";
 
 // Note: refresh the pane on the right to see changes.

sandbox-templates/mdx-evaulate-node/package.json

@@ -8,9 +8,9 @@
     "start": "nodemon index.js"
   },
   "dependencies": {
-    "@mdx-js/mdx": "2.1.1",
-    "nodemon": "2.0.15",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@mdx-js/mdx": "^2.0.0",
+    "nodemon": "^2.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }

sandbox-templates/mdx-loader-next/package.json

@@ -9,9 +9,9 @@
     "start": "next start"
   },
   "dependencies": {
-    "@mdx-js/loader": "2.1.1",
-    "next": "12.1.4",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@mdx-js/loader": "^2.0.0",
+    "next": "^13.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }