React 17 support: replace componentWillMount (#70)

* Replace componentWillMount

* bump version

* test against latest react

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mobiledoc-editor",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "A Mobiledoc editor for React apps",
   "repository": "joshfrench/react-mobiledoc-editor",
   "homepage": "https://github.com/joshfrench/react-mobiledoc-editor",
@@ -41,13 +41,13 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
     "@babel/preset-env": "^7.12.1",
     "@babel/preset-react": "^7.12.5",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.3.1",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.1",
     "chai": "^4.2.0",
     "chai-enzyme": "1.0.0-beta.1",
     "css-loader": "^5.0.1",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.5",
     "eslint": "^7.13.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-react": "^7.21.5",
@@ -60,8 +60,8 @@
     "karma-webpack": "^4.0.2",
     "mobiledoc-kit": "^0.13.2",
     "mocha": "^8.2.1",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "sinon": "^9.2.1",
     "sinon-chai": "^3.5.0",
     "style-loader": "^2.0.0",

src/components/Container.js

@@ -21,22 +21,9 @@ class Container extends React.Component {
     spellcheck: true
   }
 
-  state = {
-    activeMarkupTags: [],
-    activeSectionTags: [],
-    activeSectionAttributes: []
-  }
+  constructor() {
+    super(...arguments);
 
-  getChildContext() {
-    return {
-      editor: this.editor,
-      activeMarkupTags: this.state.activeMarkupTags,
-      activeSectionTags: this.state.activeSectionTags,
-      activeSectionAttributes: this.state.activeSectionAttributes
-    };
-  }
-
-  componentWillMount() {
     if (typeof this.props.willCreateEditor === 'function') {
       this.props.willCreateEditor();
     }
@@ -61,6 +48,21 @@ class Container extends React.Component {
     }
   }
 
+  state = {
+    activeMarkupTags: [],
+    activeSectionTags: [],
+    activeSectionAttributes: []
+  }
+
+  getChildContext() {
+    return {
+      editor: this.editor,
+      activeMarkupTags: this.state.activeMarkupTags,
+      activeSectionTags: this.state.activeSectionTags,
+      activeSectionAttributes: this.state.activeSectionAttributes
+    };
+  }
+
   componentWillUnmount() {
     this.editor.destroy();
   }

test/setup.js

@@ -1,7 +1,7 @@
 import chai from 'chai';
 import chaiEnzyme from 'chai-enzyme';
 import Enzyme from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import sinonChai from 'sinon-chai';
 
 Enzyme.configure({ adapter: new Adapter() });