chore: 🤖 updated all packages

.eslintrc.json

@@ -9,7 +9,7 @@
     "plugin:react/recommended",
     "plugin:cypress/recommended",
     "plugin:jsx-a11y/recommended",
-    "plugin:sonarjs/recommended",
+    "plugin:sonarjs/recommended-legacy",
     "plugin:@typescript-eslint/recommended",
     "next",
     "plugin:prettier/recommended"

package.json

@@ -31,33 +31,33 @@
     "sass": "^1.79.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.6.1",
-    "@commitlint/config-conventional": "^18.6.2",
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
     "@next/eslint-plugin-next": "^14.2.13",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/cypress": "^10.0.2",
     "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^16.0.1",
     "@types/jest": "^29.5.13",
     "@types/react": "18.3.10",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "@typescript-eslint/parser": "^8.8.0",
     "core-js": "^3.38.1",
     "cypress": "^13.15.0",
     "cypress-axe": "^1.5.0",
     "eslint": "^8.56.0",
     "eslint-config-next": "^14.2.13",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-cypress": "^3.5.0",
     "eslint-plugin-import": "^2.30.0",
     "eslint-plugin-jsx-a11y": "^6.10.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.37.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-sonarjs": "^0.24.0",
+    "eslint-plugin-sonarjs": "^2.0.3",
     "eslint-plugin-standard": "^5.0.0",
     "husky": "^9.1.6",
     "jest": "^29.7.0",

pages/about.tsx

@@ -50,6 +50,7 @@ export async function getStaticProps() {
       },
     };
   } catch (error) {
+    console.error(error);
     return {
       notFound: true,
     };

pages/index.tsx

@@ -5,9 +5,9 @@ import { links } from "../src/utils/links";
 import { getAllPosts } from "../src/utils/contentfulPosts";
 
 const HomePage = ({ posts }) => {
-  const renderPosts = posts.map(({ date, title, slug, imageCover }, index) => (
+  const renderPosts = posts.map(({ date, title, slug, imageCover }) => (
     <PostList
-      key={index}
+      key={title + date}
       date={date}
       title={title}
       slug={slug}
@@ -54,6 +54,7 @@ export async function getStaticProps() {
       },
     };
   } catch (error) {
+    console.error(error);
     return {
       notFound: true,
     };

src/utils/ErrorBoundry.test.tsx

@@ -10,9 +10,9 @@ describe("<ErrorBoundry/>", () => {
     const Greeting = () => {
       return <div>Hello World</div>;
     };
-    const fallback = (error) => <span>Error: {error.message}</span>;
+    const FallbackComponent = (error) => <span>Error: {error.message}</span>;
     const { getByText, unmount } = render(
-      <ErrorBoundary fallback={fallback}>
+      <ErrorBoundary fallback={<FallbackComponent />}>
         <Greeting />
       </ErrorBoundary>,
     );
@@ -27,9 +27,9 @@ describe("<ErrorBoundry/>", () => {
       throw new Error("Oh shit");
     };
 
-    const fallback = (error) => <span>Error: {error.message}</span>;
+    const FallbackComponent = (error) => <span>Error: {error.message}</span>;
     const { unmount } = render(
-      <ErrorBoundary fallback={fallback}>
+      <ErrorBoundary fallback={<FallbackComponent />}>
         <Greeting />
       </ErrorBoundary>,
     );