diff --git a/CHANGELOG.md b/CHANGELOG.md
index d2ef7d0a71..4fe1a9ee19 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,9 +6,12 @@
 
 ### Changes
 
+## 4.0.0-alpha.13 (2019-11-23)
+
 ### Internal
 
 - Upgrade autoprefixer, remove deprecated `browsers` option, move to `browserlist` in `package.json` @sneridagh
+- Upgrade react and react-dom to 16.12.0 @pnicolli
 
 ## 4.0.0-alpha.12 (2019-11-13)
 
diff --git a/package.json b/package.json
index 98162a9374..7e9cd1fa2e 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "4.0.0-alpha.12",
+  "version": "4.0.0-alpha.13",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -269,12 +269,12 @@
     "raven-js": "3.27.0",
     "razzle": "3.0.0",
     "razzle-plugin-bundle-analyzer": "1.0.2",
-    "react": "16.8.6",
+    "react": "16.12.0",
     "react-animate-height": "2.0.15",
     "react-cookie": "1.0.5",
     "react-dnd": "5.0.0",
     "react-dnd-html5-backend": "5.0.1",
-    "react-dom": "16.8.6",
+    "react-dom": "16.12.0",
     "react-dropzone": "5.1.0",
     "react-helmet": "5.2.0",
     "react-intl": "3.3.2",
@@ -287,20 +287,20 @@
     "react-select": "2.4.2",
     "react-select-async-paginate": "0.2.9",
     "react-share": "2.3.1",
-    "react-side-effect": "1.1.5",
+    "react-side-effect": "2.1.0",
     "react-simple-code-editor": "0.7.1",
     "react-test-renderer": "16.8.6",
     "react-toastify": "5.1.1",
     "redraft": "0.10.1",
     "redux": "4.0.1",
     "redux-actions": "2.6.5",
-    "redux-connect": "9.0.0",
+    "redux-connect": "10.0.0",
     "redux-devtools-extension": "2.13.8",
     "redux-mock-store": "1.5.3",
     "redux-thunk": "2.3.0",
     "release-it": "12.4.0",
     "semantic-ui-less": "2.4.1",
-    "semantic-ui-react": "0.84.0",
+    "semantic-ui-react": "0.88.1",
     "semver": "5.6.0",
     "serialize-javascript": "1.5.0",
     "start-server-and-test": "1.7.13",
diff --git a/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap b/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap
index 3b86004e99..d02321aa2d 100644
--- a/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap
+++ b/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap
@@ -17,6 +17,7 @@ exports[`Actions renders an actions component 1`] = `
     <i
       aria-hidden="true"
       className="lightning big icon"
+      onClick={[Function]}
     />
      
     Actions
@@ -37,6 +38,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="cut icon"
+        onClick={[Function]}
       />
       <span
         className="text"
@@ -52,6 +54,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="copy icon"
+        onClick={[Function]}
       />
       <span
         className="text"
@@ -67,6 +70,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="trash icon"
+        onClick={[Function]}
       />
       Delete
     </a>
@@ -78,6 +82,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="text cursor icon"
+        onClick={[Function]}
       />
       <span
         className="text"
diff --git a/src/components/manage/Add/Add.jsx b/src/components/manage/Add/Add.jsx
index 97a83bc28a..eee0a368de 100644
--- a/src/components/manage/Add/Add.jsx
+++ b/src/components/manage/Add/Add.jsx
@@ -116,7 +116,7 @@ class Add extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.createRequest.loading &&
       nextProps.createRequest.loaded &&
diff --git a/src/components/manage/Blocks/Block/Edit.jsx b/src/components/manage/Blocks/Block/Edit.jsx
index ae6220b419..6e8e9df418 100644
--- a/src/components/manage/Blocks/Block/Edit.jsx
+++ b/src/components/manage/Blocks/Block/Edit.jsx
@@ -123,7 +123,7 @@ class Edit extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { selected, type } = this.props;
     const blockHasOwnFocusManagement =
       blocks.blocksConfig?.[type]?.['blockHasOwnFocusManagement'] || null;
diff --git a/src/components/manage/Blocks/Description/Edit.jsx b/src/components/manage/Blocks/Description/Edit.jsx
index 9b066e2feb..781335347a 100644
--- a/src/components/manage/Blocks/Description/Edit.jsx
+++ b/src/components/manage/Blocks/Description/Edit.jsx
@@ -91,7 +91,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.properties.description &&
       this.props.properties.description !== nextProps.properties.description &&
diff --git a/src/components/manage/Blocks/HTML/Edit.jsx b/src/components/manage/Blocks/HTML/Edit.jsx
index 7f9bb80854..c688d75dee 100644
--- a/src/components/manage/Blocks/HTML/Edit.jsx
+++ b/src/components/manage/Blocks/HTML/Edit.jsx
@@ -71,7 +71,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.selected) {
       this.codeEditor._input.focus();
     }
diff --git a/src/components/manage/Blocks/HeroImageLeft/Edit.jsx b/src/components/manage/Blocks/HeroImageLeft/Edit.jsx
index 96da879f31..303363c6f3 100644
--- a/src/components/manage/Blocks/HeroImageLeft/Edit.jsx
+++ b/src/components/manage/Blocks/HeroImageLeft/Edit.jsx
@@ -143,7 +143,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.request.loading &&
       nextProps.request.loaded &&
diff --git a/src/components/manage/Blocks/Image/Edit.jsx b/src/components/manage/Blocks/Image/Edit.jsx
index 9ca2e82717..6c54764316 100644
--- a/src/components/manage/Blocks/Image/Edit.jsx
+++ b/src/components/manage/Blocks/Image/Edit.jsx
@@ -74,7 +74,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.request.loading &&
       nextProps.request.loaded &&
diff --git a/src/components/manage/Blocks/Table/Cell.jsx b/src/components/manage/Blocks/Table/Cell.jsx
index 76bfc493cd..738c39263c 100644
--- a/src/components/manage/Blocks/Table/Cell.jsx
+++ b/src/components/manage/Blocks/Table/Cell.jsx
@@ -88,7 +88,7 @@ class Cell extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.isTableBlockSelected !== this.props.isTableBlockSelected &&
       this.props.cell === 0 &&
diff --git a/src/components/manage/Blocks/Table/Edit.jsx b/src/components/manage/Blocks/Table/Edit.jsx
index db2bf536ce..e042175c05 100644
--- a/src/components/manage/Blocks/Table/Edit.jsx
+++ b/src/components/manage/Blocks/Table/Edit.jsx
@@ -226,7 +226,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (!nextProps.data.table) {
       this.props.onChangeBlock(nextProps.block, {
         ...nextProps.data,
diff --git a/src/components/manage/Blocks/Text/Edit.jsx b/src/components/manage/Blocks/Text/Edit.jsx
index d0fb09075a..620f9d812c 100644
--- a/src/components/manage/Blocks/Text/Edit.jsx
+++ b/src/components/manage/Blocks/Text/Edit.jsx
@@ -111,7 +111,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (!this.props.selected && nextProps.selected) {
       this.node.focus();
       this.setState({
diff --git a/src/components/manage/Blocks/Title/Edit.jsx b/src/components/manage/Blocks/Title/Edit.jsx
index 1ed183783e..56bd78ee15 100644
--- a/src/components/manage/Blocks/Title/Edit.jsx
+++ b/src/components/manage/Blocks/Title/Edit.jsx
@@ -91,7 +91,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.properties.title &&
       this.props.properties.title !== nextProps.properties.title &&
diff --git a/src/components/manage/Blocks/Video/__snapshots__/Edit.test.jsx.snap b/src/components/manage/Blocks/Video/__snapshots__/Edit.test.jsx.snap
index d236533276..ff46de7379 100644
--- a/src/components/manage/Blocks/Video/__snapshots__/Edit.test.jsx.snap
+++ b/src/components/manage/Blocks/Video/__snapshots__/Edit.test.jsx.snap
@@ -17,6 +17,7 @@ exports[`renders an edit image block component 1`] = `
       <i
         aria-hidden="true"
         className="arrow right icon"
+        onClick={[Function]}
       />
       <div
         className="embed"
diff --git a/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap b/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap
index e4cbeb45ce..3cc69a3cfa 100644
--- a/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap
+++ b/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap
@@ -14,6 +14,7 @@ exports[`renders a view video component 1`] = `
       <i
         aria-hidden="true"
         className="arrow right icon"
+        onClick={[Function]}
       />
       <div
         className="embed"
diff --git a/src/components/manage/Contents/Contents.jsx b/src/components/manage/Contents/Contents.jsx
index 899d0619ed..1ff7860372 100644
--- a/src/components/manage/Contents/Contents.jsx
+++ b/src/components/manage/Contents/Contents.jsx
@@ -298,7 +298,7 @@ class Contents extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchContents();
   }
 
@@ -308,7 +308,7 @@ class Contents extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       (this.props.clipboardRequest.loading &&
         nextProps.clipboardRequest.loaded) ||
diff --git a/src/components/manage/Contents/ContentsPropertiesModal.jsx b/src/components/manage/Contents/ContentsPropertiesModal.jsx
index 2190127ea4..389da01ce4 100644
--- a/src/components/manage/Contents/ContentsPropertiesModal.jsx
+++ b/src/components/manage/Contents/ContentsPropertiesModal.jsx
@@ -112,7 +112,7 @@ class ContentsPropertiesModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }
diff --git a/src/components/manage/Contents/ContentsRenameModal.jsx b/src/components/manage/Contents/ContentsRenameModal.jsx
index 7ce6fdcaed..ef1aac7cfa 100644
--- a/src/components/manage/Contents/ContentsRenameModal.jsx
+++ b/src/components/manage/Contents/ContentsRenameModal.jsx
@@ -82,7 +82,7 @@ class ContentsRenameModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }
diff --git a/src/components/manage/Contents/ContentsTagsModal.jsx b/src/components/manage/Contents/ContentsTagsModal.jsx
index 23abad89e8..e5a1970a82 100644
--- a/src/components/manage/Contents/ContentsTagsModal.jsx
+++ b/src/components/manage/Contents/ContentsTagsModal.jsx
@@ -77,7 +77,7 @@ class ContentsTagsModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }
diff --git a/src/components/manage/Contents/ContentsUploadModal.jsx b/src/components/manage/Contents/ContentsUploadModal.jsx
index ee282c4af1..b17c71c145 100644
--- a/src/components/manage/Contents/ContentsUploadModal.jsx
+++ b/src/components/manage/Contents/ContentsUploadModal.jsx
@@ -84,7 +84,7 @@ class ContentsUploadModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
       this.setState({
diff --git a/src/components/manage/Contents/ContentsWorkflowModal.jsx b/src/components/manage/Contents/ContentsWorkflowModal.jsx
index 362e786f1c..0afdfc58db 100644
--- a/src/components/manage/Contents/ContentsWorkflowModal.jsx
+++ b/src/components/manage/Contents/ContentsWorkflowModal.jsx
@@ -77,7 +77,7 @@ class ContentsWorkflowModal extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getWorkflow(this.props.items);
   }
 
@@ -87,7 +87,7 @@ class ContentsWorkflowModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }
diff --git a/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap b/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap
index 58b0ab9207..4ada572348 100644
--- a/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap
+++ b/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap
@@ -33,6 +33,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="upload icon"
+                  onClick={[Function]}
                   title="Upload"
                 />
               </a>
@@ -47,6 +48,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="text cursor icon"
+                  onClick={[Function]}
                   title="Rename"
                 />
               </a>
@@ -57,6 +59,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="random icon"
+                  onClick={[Function]}
                   title="State"
                 />
               </a>
@@ -67,6 +70,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="tags icon"
+                  onClick={[Function]}
                   title="Tags"
                 />
               </a>
@@ -77,6 +81,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="setting icon"
+                  onClick={[Function]}
                   title="Properties"
                 />
               </a>
@@ -91,6 +96,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="cut icon"
+                  onClick={[Function]}
                   title="Cut"
                 />
               </a>
@@ -101,6 +107,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="copy icon"
+                  onClick={[Function]}
                   title="Copy"
                 />
               </a>
@@ -111,6 +118,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="paste icon"
+                  onClick={[Function]}
                   title="Paste"
                 />
               </a>
@@ -121,6 +129,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="trash icon"
+                  onClick={[Function]}
                   title="Delete"
                 />
               </a>
@@ -169,6 +178,7 @@ exports[`Contents renders a contents component 1`] = `
                 <i
                   aria-hidden="true"
                   className="home icon"
+                  onClick={[Function]}
                 />
               </a>
               <div
@@ -195,6 +205,7 @@ exports[`Contents renders a contents component 1`] = `
               tabIndex={0}
             >
               <div
+                aria-atomic={true}
                 aria-live="polite"
                 className="text"
                 role="alert"
@@ -223,6 +234,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Title
                   </div>
@@ -234,6 +246,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="blue check square icon"
+                      onClick={[Function]}
                     />
                     Last modified
                   </div>
@@ -245,6 +258,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="blue check square icon"
+                      onClick={[Function]}
                     />
                     Publication date
                   </div>
@@ -256,6 +270,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="blue check square icon"
+                      onClick={[Function]}
                     />
                     Review state
                   </div>
@@ -267,6 +282,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     ID
                   </div>
@@ -278,6 +294,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Expiration date
                   </div>
@@ -289,6 +306,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Created on
                   </div>
@@ -300,6 +318,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Tags
                   </div>
@@ -311,6 +330,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Type
                   </div>
@@ -322,6 +342,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Folder
                   </div>
@@ -333,6 +354,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Excluded from navigation
                   </div>
@@ -344,6 +366,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Object Size
                   </div>
@@ -355,6 +378,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Last comment date
                   </div>
@@ -366,6 +390,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Total comments
                   </div>
@@ -377,6 +402,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     End Date
                   </div>
@@ -388,6 +414,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Description
                   </div>
@@ -399,6 +426,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Creator
                   </div>
@@ -410,6 +438,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Location
                   </div>
@@ -421,6 +450,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     UID
                   </div>
@@ -432,6 +462,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Start Date
                   </div>
@@ -443,6 +474,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="square outline icon"
+                      onClick={[Function]}
                     />
                     Type
                   </div>
@@ -476,6 +508,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="sort content ascending icon"
+                      onClick={[Function]}
                     />
                     <div
                       className="menu transition"
@@ -493,6 +526,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="dropdown icon"
+                          onClick={[Function]}
                         />
                         ID
                         <div
@@ -506,6 +540,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet ascending icon"
+                              onClick={[Function]}
                             />
                              
                             Ascending
@@ -518,6 +553,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet descending icon"
+                              onClick={[Function]}
                             />
                              
                             Descending
@@ -532,6 +568,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="dropdown icon"
+                          onClick={[Function]}
                         />
                         Title
                         <div
@@ -545,6 +582,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet ascending icon"
+                              onClick={[Function]}
                             />
                              
                             Ascending
@@ -557,6 +595,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet descending icon"
+                              onClick={[Function]}
                             />
                              
                             Descending
@@ -571,6 +610,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="dropdown icon"
+                          onClick={[Function]}
                         />
                         Publication date
                         <div
@@ -584,6 +624,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet ascending icon"
+                              onClick={[Function]}
                             />
                              
                             Ascending
@@ -596,6 +637,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet descending icon"
+                              onClick={[Function]}
                             />
                              
                             Descending
@@ -610,6 +652,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="dropdown icon"
+                          onClick={[Function]}
                         />
                         Created on
                         <div
@@ -623,6 +666,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet ascending icon"
+                              onClick={[Function]}
                             />
                              
                             Ascending
@@ -635,6 +679,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet descending icon"
+                              onClick={[Function]}
                             />
                              
                             Descending
@@ -649,6 +694,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="dropdown icon"
+                          onClick={[Function]}
                         />
                         Last modified
                         <div
@@ -662,6 +708,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet ascending icon"
+                              onClick={[Function]}
                             />
                              
                             Ascending
@@ -674,6 +721,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet descending icon"
+                              onClick={[Function]}
                             />
                              
                             Descending
@@ -688,6 +736,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="dropdown icon"
+                          onClick={[Function]}
                         />
                         Type
                         <div
@@ -701,6 +750,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet ascending icon"
+                              onClick={[Function]}
                             />
                              
                             Ascending
@@ -713,6 +763,7 @@ exports[`Contents renders a contents component 1`] = `
                             <i
                               aria-hidden="true"
                               className="sort alphabet descending icon"
+                              onClick={[Function]}
                             />
                              
                             Descending
@@ -739,6 +790,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="black square outline icon"
+                      onClick={[Function]}
                     />
                     <div
                       className="menu transition"
@@ -756,6 +808,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="blue check square icon"
+                          onClick={[Function]}
                         />
                          
                         All
@@ -768,6 +821,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="square outline icon"
+                          onClick={[Function]}
                         />
                          
                         None
@@ -791,6 +845,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="search icon"
+                          onClick={[Function]}
                         />
                       </div>
                       <div
@@ -882,6 +937,7 @@ exports[`Contents renders a contents component 1`] = `
                     <i
                       aria-hidden="true"
                       className="file outline icon"
+                      onClick={[Function]}
                     />
                      
                     Blog
@@ -925,6 +981,7 @@ exports[`Contents renders a contents component 1`] = `
                     tabIndex={0}
                   >
                     <div
+                      aria-atomic={true}
                       aria-live="polite"
                       className="text"
                       role="alert"
@@ -945,6 +1002,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="write icon"
+                          onClick={[Function]}
                         />
                          
                         Edit
@@ -957,6 +1015,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="eye icon"
+                          onClick={[Function]}
                         />
                          
                         View
@@ -972,6 +1031,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="cut icon"
+                          onClick={[Function]}
                         />
                          
                         Cut
@@ -984,6 +1044,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="copy icon"
+                          onClick={[Function]}
                         />
                          
                         Copy
@@ -996,6 +1057,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="trash icon"
+                          onClick={[Function]}
                         />
                          
                         Delete
@@ -1011,6 +1073,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="arrow up icon"
+                          onClick={[Function]}
                         />
                          
                         Move to top of folder
@@ -1023,6 +1086,7 @@ exports[`Contents renders a contents component 1`] = `
                         <i
                           aria-hidden="true"
                           className="arrow down icon"
+                          onClick={[Function]}
                         />
                          
                         Move to bottom of folder
diff --git a/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap b/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap
index 04c0f2645e..d0bd9982ee 100644
--- a/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap
+++ b/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap
@@ -36,6 +36,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
       <i
         aria-hidden="true"
         className="file text outline icon"
+        onClick={[Function]}
       />
        
       Blog
@@ -61,6 +62,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
       tabIndex={0}
     >
       <div
+        aria-atomic={true}
         aria-live="polite"
         className="text"
         role="alert"
@@ -81,6 +83,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="write icon"
+            onClick={[Function]}
           />
            
           Edit
@@ -93,6 +96,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="eye icon"
+            onClick={[Function]}
           />
            
           View
@@ -108,6 +112,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="cut icon"
+            onClick={[Function]}
           />
            
           Cut
@@ -120,6 +125,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="copy icon"
+            onClick={[Function]}
           />
            
           Copy
@@ -132,6 +138,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="trash icon"
+            onClick={[Function]}
           />
            
           Delete
@@ -147,6 +154,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="arrow up icon"
+            onClick={[Function]}
           />
            
           Move to top of folder
@@ -159,6 +167,7 @@ exports[`ContentsItem renders a contents item component 1`] = `
           <i
             aria-hidden="true"
             className="arrow down icon"
+            onClick={[Function]}
           />
            
           Move to bottom of folder
diff --git a/src/components/manage/Contents/__snapshots__/ContentsToolbar.test.jsx.snap b/src/components/manage/Contents/__snapshots__/ContentsToolbar.test.jsx.snap
index f2b7489b87..2583a6320b 100644
--- a/src/components/manage/Contents/__snapshots__/ContentsToolbar.test.jsx.snap
+++ b/src/components/manage/Contents/__snapshots__/ContentsToolbar.test.jsx.snap
@@ -11,6 +11,7 @@ exports[`ContentsToolbar renders a contents toolbar component 1`] = `
     <i
       aria-hidden="true"
       className="red remove big icon"
+      onClick={[Function]}
       title="Cancel"
     />
   </a>
diff --git a/src/components/manage/Controlpanels/Controlpanel.jsx b/src/components/manage/Controlpanels/Controlpanel.jsx
index 3f6056211c..823b490dda 100644
--- a/src/components/manage/Controlpanels/Controlpanel.jsx
+++ b/src/components/manage/Controlpanels/Controlpanel.jsx
@@ -88,7 +88,7 @@ class Controlpanel extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getControlpanel(this.props.id);
   }
 
@@ -98,7 +98,7 @@ class Controlpanel extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.updateRequest.loading && nextProps.updateRequest.loaded) {
       toast.info(
         <Toast
diff --git a/src/components/manage/Controlpanels/Controlpanels.jsx b/src/components/manage/Controlpanels/Controlpanels.jsx
index 3ae8daa101..cc856f2dbc 100644
--- a/src/components/manage/Controlpanels/Controlpanels.jsx
+++ b/src/components/manage/Controlpanels/Controlpanels.jsx
@@ -67,7 +67,7 @@ class Controlpanels extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.listControlpanels();
   }
 
diff --git a/src/components/manage/Controlpanels/ModerateComments.jsx b/src/components/manage/Controlpanels/ModerateComments.jsx
index 89483ca08b..1dcffd729c 100644
--- a/src/components/manage/Controlpanels/ModerateComments.jsx
+++ b/src/components/manage/Controlpanels/ModerateComments.jsx
@@ -84,7 +84,7 @@ class ModerateComments extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.searchContent('', {
       portal_type: 'Discussion Item',
       fullobjects: true,
@@ -97,7 +97,7 @@ class ModerateComments extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.deleteRequest.loading && nextProps.deleteRequest.loaded) {
       this.props.searchContent('', {
         portal_type: 'Discussion Item',
diff --git a/src/components/manage/Controlpanels/UsersControlpanel.jsx b/src/components/manage/Controlpanels/UsersControlpanel.jsx
index f218583879..e19f095caa 100644
--- a/src/components/manage/Controlpanels/UsersControlpanel.jsx
+++ b/src/components/manage/Controlpanels/UsersControlpanel.jsx
@@ -147,35 +147,6 @@ const messages = defineMessages({
   },
 });
 
-@injectIntl
-@connect(
-  (state, props) => ({
-    roles: state.roles.roles,
-    users: state.users.users,
-    groups: state.groups.groups,
-    description: state.description,
-    pathname: props.location.pathname,
-    deleteRequest: state.users.delete,
-    createRequest: state.users.create,
-    deleteGroupRequest: state.groups.delete,
-    createGroupRequest: state.groups.create,
-  }),
-  dispatch =>
-    bindActionCreators(
-      {
-        listRoles,
-        listUsers,
-        deleteUser,
-        createUser,
-        listGroups,
-        deleteGroup,
-        createGroup,
-        updateUser,
-        updateGroup,
-      },
-      dispatch,
-    ),
-)
 /**
  * UsersControlpanel class.
  * @class UsersControlpanel
@@ -269,7 +240,7 @@ class UsersControlpanel extends Component {
     this.props.listGroups();
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       (this.props.deleteRequest.loading && nextProps.deleteRequest.loaded) ||
       (this.props.createRequest.loading && nextProps.createRequest.loaded)
@@ -983,10 +954,28 @@ export default compose(
     (state, props) => ({
       roles: state.roles.roles,
       users: state.users.users,
-      entries: state.users.users,
-      groupEntries: state.groups.groups,
+      groups: state.groups.groups,
+      description: state.description,
       pathname: props.location.pathname,
+      deleteRequest: state.users.delete,
+      createRequest: state.users.create,
+      deleteGroupRequest: state.groups.delete,
+      createGroupRequest: state.groups.create,
     }),
-    { listRoles, listUsers },
+    dispatch =>
+      bindActionCreators(
+        {
+          listRoles,
+          listUsers,
+          deleteUser,
+          createUser,
+          listGroups,
+          deleteGroup,
+          createGroup,
+          updateUser,
+          updateGroup,
+        },
+        dispatch,
+      ),
   ),
 )(UsersControlpanel);
diff --git a/src/components/manage/Controlpanels/UsersControlpanelGroups.jsx b/src/components/manage/Controlpanels/UsersControlpanelGroups.jsx
index 26fceb3d87..a5faafae6c 100644
--- a/src/components/manage/Controlpanels/UsersControlpanelGroups.jsx
+++ b/src/components/manage/Controlpanels/UsersControlpanelGroups.jsx
@@ -9,13 +9,12 @@ import { Dropdown, Table, Checkbox } from 'semantic-ui-react';
 import trashSVG from '../../../icons/delete.svg';
 import { Icon } from '../../../components';
 
-@injectIntl
 /**
  * UsersControlpanelGroups class.
  * @class UsersControlpanelGroups
  * @extends Component
  */
-export default class UsersControlpanelGroups extends Component {
+class UsersControlpanelGroups extends Component {
   /**
    * Property types.
    * @property {Object} propTypes Property types.
@@ -100,3 +99,5 @@ export default class UsersControlpanelGroups extends Component {
     );
   }
 }
+
+export default injectIntl(UsersControlpanelGroups);
diff --git a/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap b/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
index cce72b1825..a13eb62723 100644
--- a/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
+++ b/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
@@ -42,6 +42,7 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
                   <i
                     aria-hidden="true"
                     className="calendar icon"
+                    onClick={[Function]}
                   />
                   <div
                     className="content"
@@ -64,6 +65,7 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
                   <i
                     aria-hidden="true"
                     className="setting icon"
+                    onClick={[Function]}
                   />
                   <div
                     className="content"
@@ -103,6 +105,7 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
                   <i
                     aria-hidden="true"
                     className="write icon"
+                    onClick={[Function]}
                   />
                   <div
                     className="content"
@@ -125,6 +128,7 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
                   <i
                     aria-hidden="true"
                     className="comments icon"
+                    onClick={[Function]}
                   />
                   <div
                     className="content"
@@ -164,6 +168,7 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
                   <i
                     aria-hidden="true"
                     className="lock icon"
+                    onClick={[Function]}
                   />
                   <div
                     className="content"
@@ -203,6 +208,7 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
                   <i
                     aria-hidden="true"
                     className="users icon"
+                    onClick={[Function]}
                   />
                   <div
                     className="content"
diff --git a/src/components/manage/Controlpanels/__snapshots__/UsersControlpanel.test.jsx.snap b/src/components/manage/Controlpanels/__snapshots__/UsersControlpanel.test.jsx.snap
index 1e8accf543..52b7de6aa1 100644
--- a/src/components/manage/Controlpanels/__snapshots__/UsersControlpanel.test.jsx.snap
+++ b/src/components/manage/Controlpanels/__snapshots__/UsersControlpanel.test.jsx.snap
@@ -46,6 +46,7 @@ exports[`UsersControlpanel renders a user control component 1`] = `
               <i
                 aria-hidden="true"
                 className="search icon"
+                onClick={[Function]}
               />
             </button>
           </div>
@@ -148,6 +149,7 @@ exports[`UsersControlpanel renders a user control component 1`] = `
               <i
                 aria-hidden="true"
                 className="search icon"
+                onClick={[Function]}
               />
             </button>
           </div>
diff --git a/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelGroups.test.jsx.snap b/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelGroups.test.jsx.snap
index 5ef91de6cf..6c3f0c2331 100644
--- a/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelGroups.test.jsx.snap
+++ b/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelGroups.test.jsx.snap
@@ -87,6 +87,7 @@ exports[`UsersControlpanelGroups renders a UsersControlpanelGroups component 1`]
       tabIndex={0}
     >
       <div
+        aria-atomic={true}
         aria-live="polite"
         className="text"
         role="alert"
diff --git a/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelUser.test.jsx.snap b/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelUser.test.jsx.snap
index 38c9282309..9bfe9ae4c5 100644
--- a/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelUser.test.jsx.snap
+++ b/src/components/manage/Controlpanels/__snapshots__/UsersControlpanelUser.test.jsx.snap
@@ -87,6 +87,7 @@ exports[`UsersControlpanelUser renders a UsersControlpanelUser component 1`] = `
       tabIndex={0}
     >
       <div
+        aria-atomic={true}
         aria-live="polite"
         className="text"
         role="alert"
diff --git a/src/components/manage/Delete/Delete.jsx b/src/components/manage/Delete/Delete.jsx
index 7c0f979a6e..dc2f99fca5 100644
--- a/src/components/manage/Delete/Delete.jsx
+++ b/src/components/manage/Delete/Delete.jsx
@@ -84,7 +84,7 @@ class Delete extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getContent(this.props.pathname.split('/delete')[0]);
   }
 
@@ -94,7 +94,7 @@ class Delete extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.deleteRequest.loading && nextProps.deleteRequest.loaded) {
       this.props.history.push(
         this.props.returnUrl ||
diff --git a/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap b/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap
index 4179282fe5..737742ef56 100644
--- a/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap
+++ b/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap
@@ -43,6 +43,7 @@ exports[`Delete renders a delete component 1`] = `
           <i
             aria-hidden="true"
             className="arrow right icon"
+            onClick={[Function]}
           />
         </button>
         <button
@@ -54,6 +55,7 @@ exports[`Delete renders a delete component 1`] = `
           <i
             aria-hidden="true"
             className="remove icon"
+            onClick={[Function]}
           />
         </button>
       </div>
diff --git a/src/components/manage/Diff/Diff.jsx b/src/components/manage/Diff/Diff.jsx
index 2b4c2fd681..30f4c6f133 100644
--- a/src/components/manage/Diff/Diff.jsx
+++ b/src/components/manage/Diff/Diff.jsx
@@ -112,7 +112,7 @@ class Diff extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.pathname !== nextProps.pathname ||
       this.props.one !== nextProps.one ||
diff --git a/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap b/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap
index 0927b59750..e88c0c8dcf 100644
--- a/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap
+++ b/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap
@@ -68,6 +68,7 @@ exports[`Diff renders a diff component 1`] = `
             tabIndex={0}
           >
             <div
+              aria-atomic={true}
               aria-live="polite"
               className="text"
               role="alert"
@@ -137,6 +138,7 @@ exports[`Diff renders a diff component 1`] = `
             tabIndex={0}
           >
             <div
+              aria-atomic={true}
               aria-live="polite"
               className="text"
               role="alert"
diff --git a/src/components/manage/Display/Display.jsx b/src/components/manage/Display/Display.jsx
index 63a33df075..553db132cc 100644
--- a/src/components/manage/Display/Display.jsx
+++ b/src/components/manage/Display/Display.jsx
@@ -133,7 +133,7 @@ class DisplaySelect extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getSchema(this.props.type);
   }
 
@@ -143,7 +143,7 @@ class DisplaySelect extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       this.props.getSchema(nextProps.type);
     }
diff --git a/src/components/manage/Edit/Edit.jsx b/src/components/manage/Edit/Edit.jsx
index a6c031174c..b5d23fd574 100644
--- a/src/components/manage/Edit/Edit.jsx
+++ b/src/components/manage/Edit/Edit.jsx
@@ -113,7 +113,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.getRequest.loading && nextProps.getRequest.loaded) {
       this.props.getSchema(nextProps.content['@type']);
     }
diff --git a/src/components/manage/Form/__snapshots__/Field.test.jsx.snap b/src/components/manage/Form/__snapshots__/Field.test.jsx.snap
index 60cf9e6491..bc8c9da604 100644
--- a/src/components/manage/Form/__snapshots__/Field.test.jsx.snap
+++ b/src/components/manage/Form/__snapshots__/Field.test.jsx.snap
@@ -71,6 +71,7 @@ exports[`Field renders a field with a specific id 1`] = `
           <i
             aria-hidden="true"
             className="blue write square large icon"
+            onClick={[Function]}
           />
         </button>
         <button
@@ -80,6 +81,7 @@ exports[`Field renders a field with a specific id 1`] = `
           <i
             aria-hidden="true"
             className="red close large icon"
+            onClick={[Function]}
           />
         </button>
       </div>
@@ -94,6 +96,7 @@ exports[`Field renders a field with a specific id 1`] = `
           <i
             aria-hidden="true"
             className="plus large icon"
+            onClick={[Function]}
           />
         </button>
       </div>
@@ -131,6 +134,7 @@ exports[`Field renders a field with a specific id 1`] = `
                 <i
                   aria-hidden="true"
                   className="blue plus large icon"
+                  onClick={[Function]}
                 />
               </button>
             </div>
diff --git a/src/components/manage/History/History.jsx b/src/components/manage/History/History.jsx
index a655906b63..93a2736678 100644
--- a/src/components/manage/History/History.jsx
+++ b/src/components/manage/History/History.jsx
@@ -87,7 +87,7 @@ class History extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.revertRequest.loading && nextProps.revertRequest.loaded) {
       this.props.getHistory(getBaseUrl(this.props.pathname));
     }
diff --git a/src/components/manage/History/__snapshots__/History.test.jsx.snap b/src/components/manage/History/__snapshots__/History.test.jsx.snap
index e8901d0479..02950caa07 100644
--- a/src/components/manage/History/__snapshots__/History.test.jsx.snap
+++ b/src/components/manage/History/__snapshots__/History.test.jsx.snap
@@ -136,6 +136,7 @@ exports[`History renders a history component 1`] = `
               tabIndex={0}
             >
               <div
+                aria-atomic={true}
                 aria-live="polite"
                 className="text"
                 role="alert"
diff --git a/src/components/manage/Preferences/PersonalInformation.jsx b/src/components/manage/Preferences/PersonalInformation.jsx
index 45fb895665..a65e501c70 100644
--- a/src/components/manage/Preferences/PersonalInformation.jsx
+++ b/src/components/manage/Preferences/PersonalInformation.jsx
@@ -123,7 +123,7 @@ class PersonalInformation extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getUser(this.props.userId);
   }
 
diff --git a/src/components/manage/Sharing/Sharing.jsx b/src/components/manage/Sharing/Sharing.jsx
index 18d1be2838..015c7846f4 100644
--- a/src/components/manage/Sharing/Sharing.jsx
+++ b/src/components/manage/Sharing/Sharing.jsx
@@ -132,7 +132,7 @@ class SharingComponent extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.updateRequest.loading && nextProps.updateRequest.loaded) {
       this.props.getSharing(getBaseUrl(this.props.pathname), this.state.search);
     }
diff --git a/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap b/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap
index 36a01ef0c2..7a27eca137 100644
--- a/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap
+++ b/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap
@@ -47,6 +47,7 @@ exports[`Sharing renders a sharing component 1`] = `
               <i
                 aria-hidden="true"
                 className="search icon"
+                onClick={[Function]}
               />
             </button>
           </div>
@@ -90,6 +91,7 @@ exports[`Sharing renders a sharing component 1`] = `
               <i
                 aria-hidden="true"
                 className="user icon"
+                onClick={[Function]}
                 title="User"
               />
                
@@ -134,11 +136,13 @@ exports[`Sharing renders a sharing component 1`] = `
           <i
             aria-hidden="true"
             className="green check circle outline icon"
+            onClick={[Function]}
           />
            indicates an inherited value. Similarly, the symbol 
           <i
             aria-hidden="true"
             className="blue check circle outline icon"
+            onClick={[Function]}
           />
            indicates a global role, which is managed by the site administrator.
         </p>
@@ -156,6 +160,7 @@ exports[`Sharing renders a sharing component 1`] = `
           <i
             aria-hidden="true"
             className="arrow right icon"
+            onClick={[Function]}
           />
         </button>
         <button
@@ -167,6 +172,7 @@ exports[`Sharing renders a sharing component 1`] = `
           <i
             aria-hidden="true"
             className="remove icon"
+            onClick={[Function]}
           />
         </button>
       </div>
diff --git a/src/components/manage/Sidebar/__snapshots__/ImageSidebar.test.jsx.snap b/src/components/manage/Sidebar/__snapshots__/ImageSidebar.test.jsx.snap
index 526bd2fab2..20c9e87064 100644
--- a/src/components/manage/Sidebar/__snapshots__/ImageSidebar.test.jsx.snap
+++ b/src/components/manage/Sidebar/__snapshots__/ImageSidebar.test.jsx.snap
@@ -74,6 +74,7 @@ exports[`renders an Image Block Sidebar component 1`] = `
                   }
                 }
                 className="icon"
+                onClick={[Function]}
               />
             </div>
             <button
@@ -364,6 +365,7 @@ exports[`renders an Image Block Sidebar component 1`] = `
                     }
                   }
                   className="icon"
+                  onClick={[Function]}
                 />
               </div>
               <button
diff --git a/src/components/manage/Sidebar/__snapshots__/ObjectBrowserBody.test.jsx.snap b/src/components/manage/Sidebar/__snapshots__/ObjectBrowserBody.test.jsx.snap
index c1a9c1f443..29d0949a99 100644
--- a/src/components/manage/Sidebar/__snapshots__/ObjectBrowserBody.test.jsx.snap
+++ b/src/components/manage/Sidebar/__snapshots__/ObjectBrowserBody.test.jsx.snap
@@ -73,6 +73,7 @@ exports[`renders an Image Block Sidebar component 1`] = `
                   }
                 }
                 className="icon"
+                onClick={[Function]}
               />
             </div>
             <button
@@ -363,6 +364,7 @@ exports[`renders an Image Block Sidebar component 1`] = `
                     }
                   }
                   className="icon"
+                  onClick={[Function]}
                 />
               </div>
               <button
diff --git a/src/components/manage/Toolbar/Toolbar.jsx b/src/components/manage/Toolbar/Toolbar.jsx
index 726eaa8055..e9b654e317 100644
--- a/src/components/manage/Toolbar/Toolbar.jsx
+++ b/src/components/manage/Toolbar/Toolbar.jsx
@@ -125,7 +125,7 @@ class Toolbar extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       this.props.listActions(getBaseUrl(nextProps.pathname));
       this.props.getTypes(getBaseUrl(nextProps.pathname));
diff --git a/src/components/manage/Widgets/ReferenceWidget.jsx b/src/components/manage/Widgets/ReferenceWidget.jsx
index 22a973a424..ba5e8c6cc7 100644
--- a/src/components/manage/Widgets/ReferenceWidget.jsx
+++ b/src/components/manage/Widgets/ReferenceWidget.jsx
@@ -122,7 +122,7 @@ class ReferenceWidget extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.resetSearchContent();
   }
 
@@ -132,7 +132,7 @@ class ReferenceWidget extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     this.setState({
       choices: {
         ...fromPairs(
diff --git a/src/components/manage/Widgets/__snapshots__/ReferenceWidget.test.jsx.snap b/src/components/manage/Widgets/__snapshots__/ReferenceWidget.test.jsx.snap
index 9fa8425b5e..d8d3b189f1 100644
--- a/src/components/manage/Widgets/__snapshots__/ReferenceWidget.test.jsx.snap
+++ b/src/components/manage/Widgets/__snapshots__/ReferenceWidget.test.jsx.snap
@@ -52,6 +52,7 @@ exports[`renders an array widget component 1`] = `
             value=""
           />
           <div
+            aria-atomic={true}
             aria-live="polite"
             className="default text"
             role="alert"
diff --git a/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap b/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap
index 1e855eae8b..f4698b506b 100644
--- a/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap
+++ b/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap
@@ -29,6 +29,7 @@ exports[`renders a schema widget component 1`] = `
           <i
             aria-hidden="true"
             className="blue write square large icon"
+            onClick={[Function]}
           />
         </button>
         <button
@@ -38,6 +39,7 @@ exports[`renders a schema widget component 1`] = `
           <i
             aria-hidden="true"
             className="red close large icon"
+            onClick={[Function]}
           />
         </button>
       </div>
@@ -52,6 +54,7 @@ exports[`renders a schema widget component 1`] = `
           <i
             aria-hidden="true"
             className="plus large icon"
+            onClick={[Function]}
           />
         </button>
       </div>
@@ -89,6 +92,7 @@ exports[`renders a schema widget component 1`] = `
                 <i
                   aria-hidden="true"
                   className="blue plus large icon"
+                  onClick={[Function]}
                 />
               </button>
             </div>
diff --git a/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap b/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap
index 285876ae02..63f36aec11 100644
--- a/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap
+++ b/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap
@@ -21,6 +21,7 @@ exports[`renders a contents item component 1`] = `
     <i
       aria-hidden="true"
       className="blue write square large icon"
+      onClick={[Function]}
     />
   </button>
   <button
@@ -30,6 +31,7 @@ exports[`renders a contents item component 1`] = `
     <i
       aria-hidden="true"
       className="red close large icon"
+      onClick={[Function]}
     />
   </button>
 </div>
diff --git a/src/components/manage/Widgets/__snapshots__/TextareaWidget.test.jsx.snap b/src/components/manage/Widgets/__snapshots__/TextareaWidget.test.jsx.snap
index 07649c0c33..a948aeb018 100644
--- a/src/components/manage/Widgets/__snapshots__/TextareaWidget.test.jsx.snap
+++ b/src/components/manage/Widgets/__snapshots__/TextareaWidget.test.jsx.snap
@@ -34,11 +34,6 @@ exports[`renders a textarea widget component 1`] = `
           onChange={[Function]}
           onInput={[Function]}
           rows={3}
-          style={
-            Object {
-              "resize": "",
-            }
-          }
           value=""
         />
       </div>
diff --git a/src/components/manage/Widgets/__snapshots__/WysiwygWidget.test.jsx.snap b/src/components/manage/Widgets/__snapshots__/WysiwygWidget.test.jsx.snap
index 5df5f930ff..cf58e90502 100644
--- a/src/components/manage/Widgets/__snapshots__/WysiwygWidget.test.jsx.snap
+++ b/src/components/manage/Widgets/__snapshots__/WysiwygWidget.test.jsx.snap
@@ -19,11 +19,6 @@ exports[`renders a wysiwyg widget component 1`] = `
       onChange={[Function]}
       onInput={[Function]}
       rows={3}
-      style={
-        Object {
-          "resize": "",
-        }
-      }
       value=""
     />
   </div>
diff --git a/src/components/manage/Workflow/Workflow.jsx b/src/components/manage/Workflow/Workflow.jsx
index 95201d1d32..0e6ae636d2 100644
--- a/src/components/manage/Workflow/Workflow.jsx
+++ b/src/components/manage/Workflow/Workflow.jsx
@@ -195,7 +195,7 @@ class Workflow extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getWorkflow(this.props.pathname);
   }
 
@@ -205,7 +205,7 @@ class Workflow extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       this.props.getWorkflow(nextProps.pathname);
     }
diff --git a/src/components/theme/App/App.jsx b/src/components/theme/App/App.jsx
index b9d0b85463..b90e3aed77 100644
--- a/src/components/theme/App/App.jsx
+++ b/src/components/theme/App/App.jsx
@@ -70,7 +70,7 @@ class App extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       if (this.state.hasError) {
         this.setState({ hasError: false });
diff --git a/src/components/theme/Breadcrumbs/Breadcrumbs.jsx b/src/components/theme/Breadcrumbs/Breadcrumbs.jsx
index 32ce2c1475..1580dc18fe 100644
--- a/src/components/theme/Breadcrumbs/Breadcrumbs.jsx
+++ b/src/components/theme/Breadcrumbs/Breadcrumbs.jsx
@@ -51,7 +51,7 @@ class Breadcrumbs extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getBreadcrumbs(getBaseUrl(this.props.pathname));
   }
 
@@ -61,7 +61,7 @@ class Breadcrumbs extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       this.props.getBreadcrumbs(getBaseUrl(nextProps.pathname));
     }
diff --git a/src/components/theme/Comments/CommentEditModal.jsx b/src/components/theme/Comments/CommentEditModal.jsx
index 8a1b2b23e4..11ec25b46b 100644
--- a/src/components/theme/Comments/CommentEditModal.jsx
+++ b/src/components/theme/Comments/CommentEditModal.jsx
@@ -78,7 +78,7 @@ class CommentEditModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }
diff --git a/src/components/theme/Comments/Comments.jsx b/src/components/theme/Comments/Comments.jsx
index bbba8a710b..5c16d38af7 100644
--- a/src/components/theme/Comments/Comments.jsx
+++ b/src/components/theme/Comments/Comments.jsx
@@ -96,7 +96,7 @@ class Comments extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.listComments(getBaseUrl(this.props.pathname));
   }
 
@@ -106,7 +106,7 @@ class Comments extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.pathname !== this.props.pathname ||
       (this.props.addRequest.loading && nextProps.addRequest.loaded) ||
diff --git a/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap b/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap
index b0bfd15eac..8584ab4fb9 100644
--- a/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap
+++ b/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap
@@ -108,11 +108,6 @@ exports[`Comments renders a comments component 1`] = `
                     onChange={[Function]}
                     onInput={[Function]}
                     rows={3}
-                    style={
-                      Object {
-                        "resize": "",
-                      }
-                    }
                     value=""
                   />
                 </div>
diff --git a/src/components/theme/ContactForm/ContactForm.jsx b/src/components/theme/ContactForm/ContactForm.jsx
index 260a48bb05..828fd2bfef 100644
--- a/src/components/theme/ContactForm/ContactForm.jsx
+++ b/src/components/theme/ContactForm/ContactForm.jsx
@@ -115,7 +115,7 @@ class ContactForm extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.loading && nextProps.loaded) {
       toast.success(
         <Toast
diff --git a/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap b/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
index 38339171f1..110ad69c36 100644
--- a/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
+++ b/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
@@ -13,6 +13,7 @@ exports[`Contact form renders a contact form 1`] = `
       <i
         aria-hidden="true"
         className="warning icon"
+        onClick={[Function]}
       />
       <div
         className="content"
@@ -202,11 +203,6 @@ exports[`Contact form renders a contact form 1`] = `
                       onChange={[Function]}
                       onInput={[Function]}
                       rows={3}
-                      style={
-                        Object {
-                          "resize": "",
-                        }
-                      }
                       value=""
                     />
                   </div>
@@ -292,6 +288,7 @@ exports[`Contact form renders a contact form with error message 1`] = `
       <i
         aria-hidden="true"
         className="warning icon"
+        onClick={[Function]}
       />
       <div
         className="content"
@@ -484,11 +481,6 @@ exports[`Contact form renders a contact form with error message 1`] = `
                       onChange={[Function]}
                       onInput={[Function]}
                       rows={3}
-                      style={
-                        Object {
-                          "resize": "",
-                        }
-                      }
                       value=""
                     />
                   </div>
diff --git a/src/components/theme/Login/Login.jsx b/src/components/theme/Login/Login.jsx
index 1942ddc775..69164ebf27 100644
--- a/src/components/theme/Login/Login.jsx
+++ b/src/components/theme/Login/Login.jsx
@@ -112,7 +112,7 @@ class Login extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.token) {
       this.props.history.push(this.props.returnUrl || '/');
       if (toast.isActive('loginFailed')) {
diff --git a/src/components/theme/Logout/Logout.jsx b/src/components/theme/Logout/Logout.jsx
index 251dccaeab..d5a8b2cce3 100644
--- a/src/components/theme/Logout/Logout.jsx
+++ b/src/components/theme/Logout/Logout.jsx
@@ -44,7 +44,7 @@ class Logout extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.logout();
     this.props.purgeMessages();
   }
diff --git a/src/components/theme/Navigation/Navigation.jsx b/src/components/theme/Navigation/Navigation.jsx
index 056537a012..cc8fbc5a6d 100644
--- a/src/components/theme/Navigation/Navigation.jsx
+++ b/src/components/theme/Navigation/Navigation.jsx
@@ -69,7 +69,7 @@ class Navigation extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getNavigation(getBaseUrl(this.props.pathname));
   }
 
@@ -79,7 +79,7 @@ class Navigation extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       this.props.getNavigation(getBaseUrl(nextProps.pathname));
     }
diff --git a/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap b/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
index e76666e8c6..e5658672fc 100644
--- a/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
+++ b/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
@@ -15,6 +15,7 @@ exports[`Pagination renders no pagination when only 1 page 1`] = `
       <i
         aria-hidden="true"
         className="chevron left icon"
+        onClick={[Function]}
       />
       
     </a>
@@ -44,6 +45,7 @@ exports[`Pagination renders page size options when specified 1`] = `
       <i
         aria-hidden="true"
         className="chevron left icon"
+        onClick={[Function]}
       />
       
     </a>
@@ -104,6 +106,7 @@ exports[`Pagination renders pagination when multiple pages are specified 1`] = `
       <i
         aria-hidden="true"
         className="chevron left icon"
+        onClick={[Function]}
       />
       
     </a>
@@ -176,6 +179,7 @@ exports[`Pagination renders pagination when multiple pages are specified 1`] = `
       <i
         aria-hidden="true"
         className="chevron right icon"
+        onClick={[Function]}
       />
       
     </a>
diff --git a/src/components/theme/PasswordReset/PasswordReset.jsx b/src/components/theme/PasswordReset/PasswordReset.jsx
index 1bd009c253..bb27479ca9 100644
--- a/src/components/theme/PasswordReset/PasswordReset.jsx
+++ b/src/components/theme/PasswordReset/PasswordReset.jsx
@@ -134,7 +134,7 @@ class PasswordReset extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {}
+  UNSAFE_componentWillMount() {}
 
   /**
    * Component will receive props
@@ -142,7 +142,7 @@ class PasswordReset extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.loading && nextProps.loaded) {
       this.setState({ isSuccessful: true });
     }
diff --git a/src/components/theme/PasswordReset/RequestPasswordReset.jsx b/src/components/theme/PasswordReset/RequestPasswordReset.jsx
index c9f95f5bef..efc208a3f7 100644
--- a/src/components/theme/PasswordReset/RequestPasswordReset.jsx
+++ b/src/components/theme/PasswordReset/RequestPasswordReset.jsx
@@ -91,7 +91,7 @@ class RequestPasswordReset extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {}
+  UNSAFE_componentWillMount() {}
 
   /**
    * Component will receive props
@@ -99,7 +99,7 @@ class RequestPasswordReset extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.loading && nextProps.loaded) {
       this.setState({ isSuccessful: true });
     }
diff --git a/src/components/theme/Register/Register.jsx b/src/components/theme/Register/Register.jsx
index 86601a4f6b..4f05511f05 100644
--- a/src/components/theme/Register/Register.jsx
+++ b/src/components/theme/Register/Register.jsx
@@ -107,7 +107,7 @@ class Register extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.loading && nextProps.loaded) {
       toast.success(
         <Toast
diff --git a/src/components/theme/Search/Search.jsx b/src/components/theme/Search/Search.jsx
index c2481a7d96..1d81352de6 100644
--- a/src/components/theme/Search/Search.jsx
+++ b/src/components/theme/Search/Search.jsx
@@ -75,7 +75,7 @@ class Search extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.doSearch(
       this.props.searchableText,
       this.props.subject,
@@ -89,7 +89,7 @@ class Search extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps = nextProps => {
+  UNSAFE_componentWillReceiveProps = nextProps => {
     if (
       nextProps.searchableText !== this.props.searchableText ||
       nextProps.subject !== this.props.subject
diff --git a/src/components/theme/Search/SearchTags.jsx b/src/components/theme/Search/SearchTags.jsx
index 7a3815d5ba..a74d361854 100644
--- a/src/components/theme/Search/SearchTags.jsx
+++ b/src/components/theme/Search/SearchTags.jsx
@@ -37,7 +37,7 @@ class SearchTags extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getVocabulary(vocabulary);
   }
 
diff --git a/src/components/theme/View/LinkView.jsx b/src/components/theme/View/LinkView.jsx
index 48c3e75490..5ff557124b 100644
--- a/src/components/theme/View/LinkView.jsx
+++ b/src/components/theme/View/LinkView.jsx
@@ -44,7 +44,7 @@ class LinkView extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (!this.props.token) {
       this.props.history.replace(this.props.content.remoteUrl);
     }
@@ -56,7 +56,7 @@ class LinkView extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname && !nextProps.token) {
       nextProps.history.replace(nextProps.content.remoteUrl);
     }
diff --git a/src/components/theme/View/View.jsx b/src/components/theme/View/View.jsx
index 76c86631e8..877f3f0aba 100644
--- a/src/components/theme/View/View.jsx
+++ b/src/components/theme/View/View.jsx
@@ -109,7 +109,7 @@ class View extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.listActions(getBaseUrl(this.props.pathname));
     this.props.getContent(
       getBaseUrl(this.props.pathname),
@@ -123,7 +123,7 @@ class View extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.pathname !== this.props.pathname) {
       this.props.listActions(getBaseUrl(nextProps.pathname));
       this.props.getContent(
diff --git a/yarn.lock b/yarn.lock
index 93c1585bd8..1d7b2b681d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1140,10 +1140,10 @@
   dependencies:
     any-observable "^0.3.0"
 
-"@semantic-ui-react/event-stack@^3.0.1":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@semantic-ui-react/event-stack/-/event-stack-3.1.0.tgz#aadbe4a28b0dd7703c5f451640d0fefe66dd9208"
-  integrity sha512-WHtU9wutZByZtFZxzj4BVEk+rvWldZpZhRcyv6d84+XLSolm83zLHYJLTACGuSl6Xa/xpgVXquvm9GyMudkJYg==
+"@semantic-ui-react/event-stack@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@semantic-ui-react/event-stack/-/event-stack-3.1.1.tgz#3263d17511db81a743167fe45281a24b3eb6b3c8"
+  integrity sha512-SA7VOu/tY3OkooR++mm9voeQrJpYXjJaMHO1aFCcSouS2xhqMR9Gnz0LEGLOR0h9ueWPBKaQzKIrx3FTTJZmUQ==
   dependencies:
     exenv "^1.2.2"
     prop-types "^15.6.2"
@@ -1158,6 +1158,23 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
   integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
 
+"@stardust-ui/react-component-event-listener@~0.38.0":
+  version "0.38.0"
+  resolved "https://registry.yarnpkg.com/@stardust-ui/react-component-event-listener/-/react-component-event-listener-0.38.0.tgz#1787faded94b40ad41226e6289baf13e701c6e7f"
+  integrity sha512-sIP/e0dyOrrlb8K7KWumfMxj/gAifswTBC4o68Aa+C/GA73ccRp/6W1VlHvF/dlOR4KLsA+5SKnhjH36xzPsWg==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    prop-types "^15.7.2"
+
+"@stardust-ui/react-component-ref@~0.38.0":
+  version "0.38.0"
+  resolved "https://registry.yarnpkg.com/@stardust-ui/react-component-ref/-/react-component-ref-0.38.0.tgz#52d555f2d5edd213c923c93a106f7de940e427ef"
+  integrity sha512-xjs6WnvJVueSIXMWw0C3oWIgAPpcD03qw43oGOjUXqFktvpNkB73JoKIhS4sCrtQxBdct75qqr4ZL6JiyPcESw==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    prop-types "^15.7.2"
+    react-is "^16.6.3"
+
 "@szmarczak/http-timer@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
@@ -3518,6 +3535,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+create-react-context@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.3.0.tgz#546dede9dc422def0d3fc2fe03afe0bc0f4f7d8c"
+  integrity sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==
+  dependencies:
+    gud "^1.0.0"
+    warning "^4.0.3"
+
 cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -7990,7 +8015,7 @@ jwt-decode@2.2.0:
   resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-2.2.0.tgz#7d86bd56679f58ce6a84704a657dd392bba81a79"
   integrity sha1-fYa9VmefWM5qhHBKZX3TkruoGnk=
 
-keyboard-key@^1.0.2:
+keyboard-key@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/keyboard-key/-/keyboard-key-1.0.4.tgz#52d8fa07b7e17757072aa22a67fb4ae85e4c46b0"
   integrity sha512-my04dE6BCwPpwoe4KYKfPxWiwgDYQOHrVmtzn1CfzmoEsGG/ef4oZGaXCzi1+iFhG7CN5JkOuxmei5OABY8/ag==
@@ -10000,6 +10025,11 @@ pofile@1.0.10:
   resolved "https://registry.yarnpkg.com/pofile/-/pofile-1.0.10.tgz#503dda9499403984e83ff4489ba2d80af276172a"
   integrity sha512-bkQlDA9YYNaZGLLrxBoQgydzjc2tasbUfxa94/kx2FO/FCiHAJG6B40Jr3fWQgDC7kr+a9q7q5x7449B91CF0A==
 
+popper.js@^1.14.4:
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.0.tgz#2e1816bcbbaa518ea6c2e15a466f4cb9c6e2fbb3"
+  integrity sha512-+G+EkOPoE5S/zChTpmBSSDYmhXJ5PsW8eMhH8cP/CQHMFPBG/kC9Y5IIw6qNYgdJ+/COf0ddY2li28iHaZRSjw==
+
 portfinder@^1.0.21:
   version "1.0.21"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.21.tgz#60e1397b95ac170749db70034ece306b9a27e324"
@@ -11302,15 +11332,15 @@ react-dnd@5.0.0:
     recompose "^0.27.1"
     shallowequal "^1.0.2"
 
-react-dom@16.8.6:
-  version "16.8.6"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.8.6.tgz#71d6303f631e8b0097f56165ef608f051ff6e10f"
-  integrity sha512-1nL7PIq9LTL3fthPqwkvr2zY7phIPjYrT0jp4HjyEQrEROnw4dG41VVwi/wfoCneoleqrNX7iAD+pXebJZwrwA==
+react-dom@16.12.0:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.12.0.tgz#0da4b714b8d13c2038c9396b54a92baea633fe11"
+  integrity sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    scheduler "^0.13.6"
+    scheduler "^0.18.0"
 
 react-dropzone@5.1.0:
   version "5.1.0"
@@ -11371,6 +11401,11 @@ react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6, react-is
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb"
   integrity sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw==
 
+react-is@^16.6.3:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
+  integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
+
 react-is@^16.8.4:
   version "16.11.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.11.0.tgz#b85dfecd48ad1ce469ff558a882ca8e8313928fa"
@@ -11386,6 +11421,18 @@ react-medium-image-zoom@3.0.15:
   resolved "https://registry.yarnpkg.com/react-medium-image-zoom/-/react-medium-image-zoom-3.0.15.tgz#c566c08225cff9c7c6454fe66b570609ffa2991d"
   integrity sha512-OJc6XXmSFr0ApniFdCL1TliP6BG9eQabkcahWA9CbHha3y2IJXo1aAsQs7Irc2Wcek/N9QCeAY4wTitoMg5iLg==
 
+react-popper@^1.3.4:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.6.tgz#32122f83af8fda01bdd4f86625ddacaf64fdd06d"
+  integrity sha512-kLTfa9z8n+0jJvRVal9+vIuirg41rObg4Bbrvv/ZfsGPQDN9reyVVSxqnHF1ZNgXgV7x11PeUfd5ItF8DZnqhg==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    create-react-context "^0.3.0"
+    popper.js "^1.14.4"
+    prop-types "^15.6.1"
+    typed-styles "^0.0.7"
+    warning "^4.0.2"
+
 react-portal@4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/react-portal/-/react-portal-4.1.5.tgz#6665d4d2a92d47d6f8b07a6529e26fc52d5cccde"
@@ -11472,7 +11519,12 @@ react-share@2.3.1:
     jsonp "^0.2.1"
     prop-types "^15.5.8"
 
-react-side-effect@1.1.5, react-side-effect@^1.1.0:
+react-side-effect@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-2.1.0.tgz#1ce4a8b4445168c487ed24dab886421f74d380d3"
+  integrity sha512-IgmcegOSi5SNX+2Snh1vqmF0Vg/CbkycU9XZbOHJlZ6kMzTmi3yc254oB1WCkgA7OQtIAoLmcSFuHTc/tlcqXg==
+
+react-side-effect@^1.1.0:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-1.1.5.tgz#f26059e50ed9c626d91d661b9f3c8bb38cd0ff2d"
   integrity sha512-Z2ZJE4p/jIfvUpiUMRydEVpQRf2f8GMHczT6qLcARmX7QRb28JDBTpnM2g/i5y/p7ZDEXYGHWg0RbhikE+hJRw==
@@ -11515,15 +11567,14 @@ react-transition-group@^2.2.1, react-transition-group@^2.6.1:
     prop-types "^15.6.2"
     react-lifecycles-compat "^3.0.4"
 
-react@16.8.6:
-  version "16.8.6"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe"
-  integrity sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==
+react@16.12.0:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.12.0.tgz#0c0a9c6a142429e3614834d5a778e18aa78a0b83"
+  integrity sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    scheduler "^0.13.6"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"
@@ -11689,10 +11740,10 @@ redux-actions@2.6.5:
     reduce-reducers "^0.4.3"
     to-camel-case "^1.0.0"
 
-redux-connect@9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/redux-connect/-/redux-connect-9.0.0.tgz#071f4b879dcd4c92b30bba27666b780cd25a0494"
-  integrity sha512-bRT50ibk7kSv2hIa60H2ow6zt4lYfqpB2rzYsgfI7JlWIYK9v73fyuevUX61ycQdujek/o6i70/MO/CThuw7Og==
+redux-connect@10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/redux-connect/-/redux-connect-10.0.0.tgz#ba798344e46aa31484623d3adfdfa5755cb6c893"
+  integrity sha512-lLyIuXKRLSXvdpOBEhNDsBwsf2NApEsvpxKQ+oGhL8jL0W9xzkqv35zcRTiPAAPreHQa1imY8OqpZ6h9nMoU5w==
 
 redux-devtools-extension@2.13.8:
   version "2.13.8"
@@ -12243,6 +12294,14 @@ scheduler@^0.13.6:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
+scheduler@^0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.18.0.tgz#5901ad6659bc1d8f3fdaf36eb7a67b0d6746b1c4"
+  integrity sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 schema-utils@^0.4.2, schema-utils@^0.4.5:
   version "0.4.7"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
@@ -12289,17 +12348,21 @@ semantic-ui-less@2.4.1:
   dependencies:
     jquery x.*
 
-semantic-ui-react@0.84.0:
-  version "0.84.0"
-  resolved "https://registry.yarnpkg.com/semantic-ui-react/-/semantic-ui-react-0.84.0.tgz#43f908fd547b1e8b2b108675a93cd7d7460bcdbe"
-  integrity sha512-OOqdtH+hBxVlh/lQa+zet9MEPcA8cBUo7ePVYZhx82hwF5Ky47FiWrgLk3ZSNie7bb4VkuiuLR9y5cY0EooRlw==
+semantic-ui-react@0.88.1:
+  version "0.88.1"
+  resolved "https://registry.yarnpkg.com/semantic-ui-react/-/semantic-ui-react-0.88.1.tgz#006d63f838b651370d68e73510327308f19ff6fd"
+  integrity sha512-fCCDnRXiVJUJ9icFVSu0n0pZ2cg2QssiLM2nP4pz6aODQpPZTPtXVI6V/hFciwJ+GPkV6WZAmEmFLxR7nRVF4Q==
   dependencies:
     "@babel/runtime" "^7.1.2"
-    "@semantic-ui-react/event-stack" "^3.0.1"
+    "@semantic-ui-react/event-stack" "^3.1.0"
+    "@stardust-ui/react-component-event-listener" "~0.38.0"
+    "@stardust-ui/react-component-ref" "~0.38.0"
     classnames "^2.2.6"
-    keyboard-key "^1.0.2"
-    lodash "^4.17.11"
-    prop-types "^15.6.2"
+    keyboard-key "^1.0.4"
+    lodash "^4.17.15"
+    prop-types "^15.7.2"
+    react-is "^16.8.6"
+    react-popper "^1.3.4"
     shallowequal "^1.1.0"
 
 semver-compare@^1.0.0:
@@ -13781,6 +13844,11 @@ type-is@~1.6.15, type-is@~1.6.16, type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typed-styles@^0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/typed-styles/-/typed-styles-0.0.7.tgz#93392a008794c4595119ff62dde6809dbc40a3d9"
+  integrity sha512-pzP0PWoZUhsECYjABgCGQlRGL1n7tOHsgwYv3oIiEpJwGhFTuty/YNeduxQYzXXa3Ge5BdT6sHYIQYpl4uJ+5Q==
+
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -14210,6 +14278,13 @@ walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
+warning@^4.0.2, warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 watch@~0.18.0:
   version "0.18.0"
   resolved "https://registry.yarnpkg.com/watch/-/watch-0.18.0.tgz#28095476c6df7c90c963138990c0a5423eb4b986"