chore(web): change web build to produce esm instead of cjs COMPASS-9934 (#7432)

* chore(web): change web build to produce esm instead of cjs

* chore(web): fix watch run type generation

* fix(web): provide explicit public path to avoid import.meta usage issues in the sandbox

* chore(webpack-config): fix type

* chore(web): add comment

Author: gribnoysup

configs/webpack-config-compass/package.json

@@ -82,7 +82,7 @@
     "react-refresh": "^0.10.0",
     "source-map-loader": "^4.0.1",
     "style-loader": "^3.2.1",
-    "webpack": "^5.94.0",
+    "webpack": "^5.102.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.2",

configs/webpack-config-compass/src/index.ts

@@ -282,12 +282,15 @@ export function createElectronRendererConfig(
                 process.env.DISABLE_DEVSERVER_OVERLAY === 'true'
                   ? false
                   : {
-                      runtimeErrors: (error) => {
+                      runtimeErrors: (error: unknown) => {
                         // ResizeObserver errors are harmless and expected in some cases.
                         // We currently get them when opening the Assistant drawer.
                         if (
-                          error?.message ===
-                          'ResizeObserver loop completed with undelivered notifications.'
+                          error &&
+                          typeof error === 'object' &&
+                          'message' in error &&
+                          error.message ===
+                            'ResizeObserver loop completed with undelivered notifications.'
                         ) {
                           // eslint-disable-next-line no-console
                           console.warn(error);