Merge pull request #85 from fusioncharts/4.0-dev-integration

4.0 dev integration

Author: meherhowji

example/index.js

@@ -1,5 +1,11 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import ChartViewer from './ChartViewer';
 
-ReactDOM.render(<ChartViewer />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root'));
+
+root.render(
+  <React.StrictMode>
+    <ChartViewer />
+  </React.StrictMode>
+);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fusioncharts",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Simple and Lightweight React component for FusionCharts JavaScript Charting Library",
   "main": "lib/ReactFC.js",
   "author": {
@@ -45,14 +45,14 @@
     "lodash": "^4.17.11",
     "nodemon": "^2.0.2",
     "prop-types": "^15.6.2",
-    "react": "^18.0.2",
+    "react": "^18.3.1",
     "react-addons-test-utils": "15.3.0",
     "react-component-gulp-tasks": "^0.7.6",
-    "react-dom": "^18.0.2",
+    "react-dom": "^18.3.1",
     "react-test-renderer": "^16.2.0",
     "serve": "^10.0.1",
-    "webpack": "^4.20.2",
-    "webpack-cli": "^3.1.1"
+    "webpack": "5.91.0",
+    "webpack-cli": "5.1.4"
   },
   "peerDependencies": {
     "react": "0.14.0 - 18.x"

src/ReactFC.js

@@ -4,6 +4,7 @@ import * as utils from './utils/utils';
 import fusionChartsOptions from './utils/options';
 
 class ReactFC extends React.Component {
+  initialUnmount = false;
   static fcRoot(core, ...modules) {
     modules.forEach(m => {
       if ((m.getName && m.getType) || (m.name && m.type)) {
@@ -35,7 +36,8 @@ class ReactFC extends React.Component {
   }
 
   componentWillUnmount() {
-    this.chartObj.dispose();
+    if (!this.initialUnmount) this.initialUnmount = true;
+    else this.chartObj.dispose();    
   }
 
   detectChanges(nextProps) {