Update Node + @mdx-js/mdx example

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

@@ -2,16 +2,17 @@
 // You can refresh them in the Dependencies section (left-bottom on CodeSandbox)
 
 import http from 'node:http'
-import * as runtime from 'react/jsx-runtime'
-import ReactDom from 'react-dom/server'
 import {evaluate} from '@mdx-js/mdx'
+import {renderToPipeableStream} from 'react-dom/server'
+import * as runtime from 'react/jsx-runtime'
 
 // Note: refresh the pane on the right to see changes.
 
 http
   .createServer(async function (_, response) {
-    const content = "Hi <span style={{color: 'tomato'}}>there</span>!"
-    const {default: Content} = await evaluate(content, runtime)
-    ReactDom.renderToNodeStream(Content()).pipe(response)
+    const mdx = "Hi <span style={{color: 'tomato'}}>there</span>!"
+    const {default: Content} = await evaluate(mdx, runtime)
+    const {pipe} = renderToPipeableStream(Content({}))
+    pipe(response)
   })
   .listen(8080)

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

@@ -1,16 +1,15 @@
 {
-  "name": "node-http-server",
-  "version": "1.0.0",
+  "dependencies": {
+    "@mdx-js/mdx": "^3.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
   "license": "MIT",
+  "name": "node-http-server",
   "private": true,
-  "type": "module",
   "scripts": {
-    "start": "nodemon index.js"
+    "start": "node --watch index.js"
   },
-  "dependencies": {
-    "@mdx-js/mdx": "^2.0.0",
-    "nodemon": "^2.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  }
+  "type": "module",
+  "version": "1.0.0"
 }