diff --git a/tools/build/docs/render-creator.ts b/tools/build/docs/render-creator.ts
index 423fe41358..51b28d22ee 100644
--- a/tools/build/docs/render-creator.ts
+++ b/tools/build/docs/render-creator.ts
@@ -332,7 +332,7 @@ export async function getDemoRenderScript(
 ) {
     const liveArr = getLiveScript(js);
     const liveVars = liveArr[1];
-    const liveScript = (await transform(liveArr[0]))
+    const liveScript = (await transform(liveArr[0], 'preserve'))
         .replace(/`/g, '\\`')
         .replace(/\$/g, '\\$')
         .replace(/\n$/, '');
diff --git a/tools/build/docs/utils.ts b/tools/build/docs/utils.ts
index f31d996634..54700c4662 100644
--- a/tools/build/docs/utils.ts
+++ b/tools/build/docs/utils.ts
@@ -40,13 +40,14 @@ export function parse(md: string) {
 
 const TSCONFIG_PATH = path.resolve(CWD, 'tsconfig.json');
 
-export async function transform(code: string) {
+export async function transform(code: string, jsx?: 'transform' | 'preserve') {
     const tsconfig = await getRegularTsconfigJson(fs.readFileSync(TSCONFIG_PATH, 'utf-8'));
     try {
         
         const result = await esbuildTransform(code, {
             format: 'cjs',
             loader: 'tsx',
+            jsx,
             tsconfigRaw: JSON.stringify({ compilerOptions: tsconfig.compilerOptions }),
         });
         return result.code;