diff --git a/src/guide/render-function.md b/src/guide/render-function.md
index 975c3ea039..26af969dd3 100644
--- a/src/guide/render-function.md
+++ b/src/guide/render-function.md
@@ -414,8 +414,7 @@ That's why there's a [Babel plugin](https://github.com/vuejs/jsx) to use JSX wit
 ```jsx
 import AnchoredHeading from './AnchoredHeading.vue'
 
-new Vue({
-  el: '#demo',
+const app = createApp({
   render() {
     return (
       <AnchoredHeading level={1}>
@@ -424,6 +423,8 @@ new Vue({
     )
   }
 })
+
+app.mount('#demo')
 ```
 
 For more on how JSX maps to JavaScript, see the [usage docs](https://github.com/vuejs/jsx#installation).