fix

.vscode/settings.json

@@ -10,5 +10,5 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true
   },
-  "cSpell.words": ["processer", "richedit"]
+  "cSpell.words": ["hljs", "processer", "richedit"]
 }

package.json

@@ -26,21 +26,21 @@
     "highlight.js": "^11.9.0",
     "microcms-js-sdk": "^3.1.0",
     "microcms-richedit-processer": "^1.2.0",
-    "next": "^14.1.4",
+    "next": "^14.2.2",
     "next-seo": "^6.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^5.0.1",
+    "react-icons": "^5.1.0",
     "react-scroll": "^1.9.0",
     "react-tsparticles": "^2.12.2",
     "rss": "^1.2.2",
     "storybook": "^7.6.17",
-    "tsparticles": "^2.12.0",
+    "tsparticles": "^3.3.0",
     "tsparticles-engine": "^2.12.0",
-    "vercel": "^32.7.2"
+    "vercel": "^34.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.3",
+    "@babel/core": "^7.24.4",
     "@storybook/addon-actions": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addon-interactions": "^7.6.17",
@@ -49,34 +49,34 @@
     "@storybook/react": "^7.6.17",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.2",
-    "@types/gtag.js": "^0.0.18",
-    "@types/node": "^18.19.28",
-    "@types/react": "18.2.73",
-    "@types/react-dom": "18.2.23",
+    "@testing-library/react": "^15.0.3",
+    "@types/gtag.js": "^0.0.19",
+    "@types/node": "^20.12.7",
+    "@types/react": "18.2.79",
+    "@types/react-dom": "18.2.25",
     "@types/react-scroll": "^1.8.10",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "babel-loader": "^9.1.3",
-    "chromatic": "^10.9.6",
-    "eslint": "8.57.0",
-    "eslint-config-next": "^14.1.4",
+    "chromatic": "^11.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.2.2",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-unused-imports": "^3.1.0",
     "husky": "^9.0.11",
     "hygen": "^6.2.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.2",
     "prettier": "^3.2.5",
-    "sass": "^1.72.0",
-    "storybook-dark-mode": "^3.0.3",
+    "sass": "^1.75.0",
+    "storybook-dark-mode": "^4.0.1",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "5.4.3",
-    "vite": "^5.2.7"
+    "typescript": "5.4.5",
+    "vite": "^5.2.10"
   },
   "lint-staged": {
     "*.{ts,tsx,js,jsx}": [

src/components/containers/Pagination/Pagination.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'