Merge pull request #152 from Staffbase/chore-update-dependencies

chore: update dependencies

samples/weather-forecast/package.json

@@ -17,13 +17,13 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@staffbase/widget-sdk": "^3.14.2",
+    "@staffbase/widget-sdk": "^3.14.7",
     "acorn": "^8.14.0",
-    "axios": "1.7.7",
+    "axios": "1.7.9",
     "date-fns": "^2.23.0",
     "dayjs": "1.11.13",
     "react": "^18.3.1",
-    "react-cool-dimensions": "^2.0.7",
+    "react-cool-dimensions": "^3.0.1",
     "react-dom": "^18.3.1",
     "react-query": "3.39.3",
     "regenerator-runtime": "0.14.1"
@@ -34,23 +34,23 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/icons-material": "^6.1.8",
-    "@mui/material": "^6.1.8",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^6.3.0",
+    "@mui/material": "^6.3.0",
     "@mui/system": "^6.1.4",
-    "@rjsf/core": "5.23.1",
-    "@rjsf/mui": "5.23.1",
-    "@rjsf/utils": "5.23.1",
-    "@rjsf/validator-ajv8": "5.23.1",
+    "@rjsf/core": "5.23.2",
+    "@rjsf/mui": "5.23.2",
+    "@rjsf/utils": "5.23.2",
+    "@rjsf/validator-ajv8": "5.23.2",
     "@svgr/webpack": "8.1.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/react-hooks": "7.0.2",
-    "@types/copy-webpack-plugin": "^8.0.1",
+    "@types/copy-webpack-plugin": "^10.1.3",
     "@types/jest": "^29.5.14",
     "@types/json-schema": "^7.0.15",
     "@types/node": "16.11.9",
@@ -59,7 +59,7 @@
     "@types/testing-library__jest-dom": "^5.14.9",
     "@types/webpack": "5.28.5",
     "@types/webpack-dev-server": "4.7.2",
-    "@typescript-eslint/eslint-plugin": "5.4.0",
+    "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.4.0",
     "@ungap/custom-elements": "1.3.0",
     "babel-eslint": "10.1.0",
@@ -70,23 +70,18 @@
     "eslint-config-prettier": "8.3.0",
     "file-loader": "^6.2.0",
     "jest": "27.1.0",
-    "jest-json-schema": "^5.0.0",
+    "jest-json-schema": "^6.1.0",
     "js-base64": "3.7.7",
     "minimal-polyfills": "2.2.3",
-    "prettier": "3.3.3",
+    "prettier": "3.4.2",
     "react-svg-loader": "^3.0.3",
     "ts-loader": "^9.5.1",
     "ts-node": "10.9.2",
     "typescript": "4.5.2",
     "url-loader": "^4.1.1",
-    "webpack": "^5.96.1",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4",
+    "webpack-dev-server": "^5.2.0",
     "webpack-merge": "^6.0.1"
-  },
-  "jest": {
-    "setupFilesAfterEnv": [
-      "jest-matchmedia-mock"
-    ]
   }
 }

samples/weather-forecast/src/views/weatherView.tsx

@@ -50,8 +50,8 @@ export const WeatherView: FunctionComponent<WeatherForecastProps> = ({
   const { observe } = useDimensions<HTMLDivElement>({
     shouldUpdate: ({ width }) => {
       const sizeChanged =
-        (smallWidth && width >= smallWidthBreakpoint) ||
-        (!smallWidth && width < smallWidthBreakpoint);
+        (smallWidth && width !== null && width >= smallWidthBreakpoint) ||
+        (!smallWidth && width !== null && width < smallWidthBreakpoint);
 
       if (sizeChanged) {
         setSmallWidth(!smallWidth);