Version 3.1.1

Author: Pauan

Diff for: README.md

@@ -34,8 +34,9 @@ How to install
    If you are using `<script>` tags, include the React and `amcharts3-react.js` files in your HTML:
 
    ```html
-   <script src="node_modules/react/dist/react.min.js"></script>
-   <script src="node_modules/react-dom/dist/react-dom.min.js"></script>
+   <script src="node_modules/react/umd/react.production.min.js"></script>
+   <script src="node_modules/react-dom/umd/react-dom.production.min.js"></script>
+   <script src="node_modules/create-react-class/create-react-class.min.js"></script>
    <script src="node_modules/@amcharts/amcharts3-react/amcharts3-react.js"></script>
    ```
 
@@ -113,6 +114,10 @@ You can see an example program in the `examples/webpack-export` folder. It updat
 
 ## Changelog
 
+### 3.1.1
+
+* Adding in support for React 17 and React 18.
+
 ### 3.1.0
 
 * Adding in `className` property for specifying the CSS class for the element.

Diff for: examples/create-react-app/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "devDependencies": {
     "@amcharts/amcharts3-react": "^3.0.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-scripts": "1.0.14"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-scripts": "5.0.1"
   },
   "scripts": {
     "start": "react-scripts start",

Diff for: examples/create-react-app/src/index.js

@@ -3,7 +3,5 @@ import ReactDOM from 'react-dom';
 import App from './App';
 import './index.css';
 
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<App />);

Diff for: examples/script/example.js

@@ -130,7 +130,5 @@ var Chart = createReactClass({
 });
 
 
-ReactDOM.render(
-  React.createElement(Chart, null),
-  document.getElementById("root")
-);
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(React.createElement(Chart, null));

Diff for: examples/script/package.json

@@ -5,7 +5,7 @@
   "dependencies": {
     "@amcharts/amcharts3-react": "^3.0.0",
     "create-react-class": "^15.5.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }

Diff for: examples/webpack-export/example.js

@@ -139,7 +139,5 @@ var Chart = createReactClass({
 });
 
 
-ReactDOM.render(
-  React.createElement(Chart, null),
-  document.getElementById("root")
-);
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(React.createElement(Chart, null));

Diff for: examples/webpack-export/package.json

@@ -5,8 +5,8 @@
   "devDependencies": {
     "@amcharts/amcharts3-react": "^3.0.0",
     "create-react-class": "^15.5.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "webpack": "^3.7.1"
   },
   "scripts": {

Diff for: examples/webpack/example.js

@@ -136,7 +136,5 @@ var Chart = createReactClass({
 });
 
 
-ReactDOM.render(
-  React.createElement(Chart, null),
-  document.getElementById("root")
-);
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(React.createElement(Chart, null));

Diff for: examples/webpack/package.json

@@ -5,8 +5,8 @@
   "devDependencies": {
     "@amcharts/amcharts3-react": "^3.0.0",
     "create-react-class": "^15.5.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "webpack": "^3.7.1"
   },
   "scripts": {