volto 14 compatibility

package.json

@@ -23,20 +23,14 @@
     "@eeacms/volto-matomo"
   ],
   "dependencies": {
-    "@blueprintjs/core": "^3.30.0",
-    "@blueprintjs/icons": "^3.19.0",
     "@eeacms/volto-plotlycharts": "*",
     "@eeacms/volto-addons-forest": "*",
     "@eeacms/volto-datablocks": "2.0.16",
     "@eeacms/volto-matomo": "*",
-    "raven-js": "3.27.2",
-    "recharts": "2.1.6",
     "react-highlight-words": "^0.16.0",
     "react-image-gallery": "1.2.7",
     "react-lazy-load-image-component": "^1.5.0",
-    "react-stickynode": "^2.1.1",
-    "react-toastify": "^5.3.2",
-    "webpack-bundle-analyzer": "^3.6.0"
+    "react-stickynode": "^2.1.1"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.9.5",

src/components/theme/CatalogueViews/AppHeader.jsx

@@ -8,7 +8,6 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { asyncConnect } from 'redux-connect';
-import loadable from '@loadable/component';
 
 import { Header } from '@plone/volto/components';
 import { BodyClass, getBaseUrl, getView } from '@plone/volto/helpers';
@@ -25,6 +24,7 @@ import {
 } from '@eeacms/volto-forests-theme/actions';
 import { getPortlets } from '@eeacms/volto-addons-forest/actions';
 import config from '@plone/volto/registry';
+import * as Sentry from '@sentry/browser';
 
 class App extends Component {
   static propTypes = {
@@ -41,21 +41,6 @@ class App extends Component {
     errorInfo: null,
   };
 
-  /**
-   * ComponentDidMount
-   * @method ComponentDidMount
-   * @param {string} error  The error
-   * @param {string} info The info
-   * @returns {undefined}
-   */
-  componentDidMount() {
-    // this.props.getDefaultHeaderImage();
-    if (__CLIENT__ && process.env.SENTRY_DSN) {
-      const Raven = loadable(() => import('raven-js'));
-
-      Raven.config(process.env.SENTRY_DSN).install();
-    }
-  }
   // shouldComponentUpdate(nextProps, nextState) {
   //   if (nextProps.loadingContent.loading || nextProps.search.loading) {
   //     console.log('dont load');
@@ -89,9 +74,10 @@ class App extends Component {
    */
   componentDidCatch(error, info) {
     this.setState({ hasError: true, error, errorInfo: info });
-    if (__CLIENT__ && process.env.SENTRY_DSN) {
-      const Raven = loadable(() => import('raven-js'));
-      Raven.captureException(error, { extra: info });
+    if (__CLIENT__) {
+      if (window?.env?.RAZZLE_SENTRY_DSN || __SENTRY__?.SENTRY_DSN) {
+        Sentry.captureException(error);
+      }
     }
   }