From 835cbd7446253b19fd8e149b666bd46dc3a4bfdf Mon Sep 17 00:00:00 2001
From: plainheart <yhen@all-my-life.cn>
Date: Wed, 8 May 2024 09:33:22 +0800
Subject: [PATCH] fix wrong SSR client hydrate target

---
 contents/en/basics/release-note/5-5-0.md    | 4 ++--
 contents/en/how-to/cross-platform/server.md | 4 ++--
 contents/zh/basics/release-note/5-5-0.md    | 4 ++--
 contents/zh/how-to/cross-platform/server.md | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/contents/en/basics/release-note/5-5-0.md b/contents/en/basics/release-note/5-5-0.md
index 0c0357aba..42af8b3d9 100644
--- a/contents/en/basics/release-note/5-5-0.md
+++ b/contents/en/basics/release-note/5-5-0.md
@@ -73,7 +73,7 @@ The client adds the obtained SVG string to the container and binds the lightweig
 <script>
 const ssrClient = window['echarts-ssr-client'];
 
-let isSeriesShown = {
+const isSeriesShown = {
   a: true,
   b: true
 };
@@ -83,7 +83,7 @@ function updateChart(svgStr) {
   container.innerHTML = svgStr;
 
   // Use lightweight runtime to give the chart interactive capabilities
-  ssrClient.hydrate(main, {
+  ssrClient.hydrate(container, {
     on: {
       click: (params) => {
         if (params.ssrType === 'legend') {
diff --git a/contents/en/how-to/cross-platform/server.md b/contents/en/how-to/cross-platform/server.md
index 7c2037766..92b4bc97a 100644
--- a/contents/en/how-to/cross-platform/server.md
+++ b/contents/en/how-to/cross-platform/server.md
@@ -192,7 +192,7 @@ Starting from version v5.5.0, if the chart only needs the following effects and
 <script>
 const ssrClient = window['echarts-ssr-client'];
 
-let isSeriesShown = {
+const isSeriesShown = {
   a: true,
   b: true
 };
@@ -202,7 +202,7 @@ function updateChart(svgStr) {
   container.innerHTML = svgStr;
 
   // Use the lightweight runtime to give the chart interactive capabilities
-  ssrClient.hydrate(main, {
+  ssrClient.hydrate(container, {
     on: {
       click: (params) => {
         if (params.ssrType === 'legend') {
diff --git a/contents/zh/basics/release-note/5-5-0.md b/contents/zh/basics/release-note/5-5-0.md
index 2f603f067..14566786c 100644
--- a/contents/zh/basics/release-note/5-5-0.md
+++ b/contents/zh/basics/release-note/5-5-0.md
@@ -73,7 +73,7 @@ res.end();
 <script>
 const ssrClient = window['echarts-ssr-client'];
 
-let isSeriesShown = {
+const isSeriesShown = {
   a: true,
   b: true
 };
@@ -83,7 +83,7 @@ function updateChart(svgStr) {
   container.innerHTML = svgStr;
 
   // 使用轻量运行时赋予图表交互能力
-  ssrClient.hydrate(main, {
+  ssrClient.hydrate(container, {
     on: {
       click: (params) => {
         if (params.ssrType === 'legend') {
diff --git a/contents/zh/how-to/cross-platform/server.md b/contents/zh/how-to/cross-platform/server.md
index cc271b4a3..16be84340 100644
--- a/contents/zh/how-to/cross-platform/server.md
+++ b/contents/zh/how-to/cross-platform/server.md
@@ -192,7 +192,7 @@ echarts.setPlatformAPI({
 <script>
 const ssrClient = window['echarts-ssr-client'];
 
-let isSeriesShown = {
+const isSeriesShown = {
   a: true,
   b: true
 };
@@ -202,7 +202,7 @@ function updateChart(svgStr) {
   container.innerHTML = svgStr;
 
   // 使用轻量运行时赋予图表交互能力
-  ssrClient.hydrate(main, {
+  ssrClient.hydrate(container, {
     on: {
       click: (params) => {
         if (params.ssrType === 'legend') {