update packages (#34)

package.json

@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.3.0",
-    "@mui/material": "^5.9.0",
+    "@mui/material": "^5.9.1",
     "@mui/styled-engine-sc": "^5.8.0",
-    "@svgr/webpack": "^6.2.1",
+    "@svgr/webpack": "^6.3.0",
     "@testing-library/react": "^13.3.0",
     "@types/rosie": "^0.0.40",
     "classnames": "^2.3.1",
@@ -56,33 +56,33 @@
     "@stylelint/postcss-css-in-js": "^0.38.0",
     "@testing-library/dom": "^8.16.0",
     "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/user-event": "^14.2.1",
+    "@testing-library/user-event": "^14.3.0",
     "@types/analytics-node": "^3.1.9",
     "@types/dashify": "^1.0.1",
     "@types/detect-node": "^2.0.0",
     "@types/gtag.js": "^0.0.10",
     "@types/humps": "^2.0.2",
     "@types/i18n": "^0.13.4",
-    "@types/jest": "^28.1.5",
+    "@types/jest": "^28.1.6",
     "@types/jest-when": "^3.5.2",
     "@types/lodash.camelcase": "^4.3.7",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.flatten": "^4.4.7",
     "@types/lodash.kebabcase": "^4.1.7",
     "@types/lodash.memoize": "^4.1.7",
     "@types/lodash.uniqby": "^4.7.7",
-    "@types/node": "^18.0.3",
+    "@types/node": "^18.0.6",
     "@types/react": "^18.0.15",
     "@types/styled-components": "^5.1.25",
     "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.30.6",
-    "@typescript-eslint/parser": "^5.30.6",
-    "eslint": "8.19.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "eslint": "8.20.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-next": "12.2.2",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^3.2.5",
+    "eslint-import-resolver-typescript": "^3.2.7",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest-formatting": "^3.1.0",
@@ -111,8 +111,8 @@
     "stylelint-config-recommended": "^8.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
-    "ts-jest": "^28.0.5",
-    "ts-node": "^10.8.2",
+    "ts-jest": "^28.0.7",
+    "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
   "resolutions": {

src/pages/index.tsx

@@ -309,6 +309,13 @@ const FilterMyDiscogs: FC = () => {
                   onClick={() => {
                     dispatchUser(DEFAULT_COLLECTION);
 
+                    trackEvent("loadSampleCollection", {
+                      action: "loadSampleCollectionClicked",
+                      category: "home",
+                      label: "Loaded Sample Collection",
+                      value: true,
+                    });
+
                     if (usernameRef?.current) {
                       usernameRef.current.value = DEFAULT_COLLECTION;
                     }