Fixed: lazyUpdate error

Author: BigFaceMaster

docs/bar.md

@@ -71,7 +71,7 @@ export default () => {
     },
   };
 
-  return <EChartsNextForReactCore option={option} />;
+  return <EChartsNextForReactCore lazyUpdate={true} option={option} />;
 };
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "echarts-next-for-react",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Echarts(v5.x | next) components for react.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

src/index.tsx

@@ -58,7 +58,7 @@ const EChartsNextForReactCore: FC<EChartsNextForReactCoreProps> = (props) => {
   const getChartDom = () => {
     const chartObj = getChartInstance();
     if (chartObj) {
-      chartObj.setOption(option, notMerge ?? false, lazyUpdate ?? false);
+      chartObj.setOption(option, notMerge ?? false, !!lazyUpdate ?? false);
       if (showLoading) {
         chartObj.showLoading();
       } else {
@@ -124,8 +124,16 @@ const EChartsNextForReactCore: FC<EChartsNextForReactCoreProps> = (props) => {
 
   useEffect(() => {
     const chartDom = getChartDom();
-    if (chartDom) {
-      chartDom.resize();
+    // @ts-ignore
+    if (chartDom?._dom) {
+      // @ts-ignore
+      bind(chartDom._dom, () => {
+        try {
+          chartDom?.resize();
+        } catch (e) {
+          console.error(e);
+        }
+      });
     }
   }, [style, className, showLoading]);