chore: upgrade dependencies

app/another/page.tsx

-import Link from 'next/link';
-import { Button } from "@heroui/button";
-
-const AnotherPage = () => {
-  return (
-    <div className="container m-auto">
-      <center className="p-10">
-        <h3 className="text-3xl text-gray-600 font-semibold mb-5 px-5">
-          You&lsquo;ve landed on another page
-        </h3>
-        <Button as={Link} href="/" color="primary" size="lg">
-          Navigate home page
-        </Button>
-      </center>
-    </div>
-  );
-};
-
-export default AnotherPage;
+import { LinkButton } from '@/components/base/LinkButton';
+
+const AnotherPage = () => {
+  return (
+    <div className="container m-auto">
+      <center className="p-10">
+        <h3 className="text-3xl text-gray-600 font-semibold mb-5 px-5">
+          You&lsquo;ve landed on another page
+        </h3>
+        <LinkButton href="/" color="primary" size="lg">
+          Navigate home page
+        </LinkButton>
+      </center>
+    </div>
+  );
+};
+
+export default AnotherPage;

app/page.tsx

 import Image from 'next/image';
-import Link from 'next/link';
-import { Button } from '@heroui/button';
+import { LinkButton } from '@/components/base/LinkButton';
 
 const HomePage = () => {
   return (
@@ -43,9 +42,9 @@ const HomePage = () => {
           />
         </div>
       </div>
-      <Button as={Link} href="/another" color="primary" size="lg">
+      <LinkButton href="/another" color="primary" size="lg">
         Navigate to another page
-      </Button>
+      </LinkButton>
     </center>
   );
 };

components/base/LinkButton/LinkButton.tsx

+'use client';
+
+import Link from 'next/link';
+import { Button, type ButtonProps } from '@heroui/button';
+import { type ComponentProps } from 'react';
+
+type LinkButtonProps = Omit<ButtonProps, 'as' | 'href'> & {
+  href: string;
+} & Pick<ComponentProps<typeof Link>, 'prefetch' | 'replace' | 'scroll'>;
+
+export const LinkButton = ({ href, ...buttonProps }: LinkButtonProps) => {
+  return <Button as={Link} href={href} {...buttonProps} />;
+};

components/base/LinkButton/index.ts

+export { LinkButton } from './LinkButton';

next-env.d.ts

-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -13,38 +13,38 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@heroui/react": "2.8.2",
-    "@storybook/nextjs": "^9.1.2",
-    "@tailwindcss/postcss": "^4.1.12",
-    "@tailwindcss/typography": "^0.5.16",
-    "@types/node": "^24.3.0",
-    "@types/react": "^19.1.10",
+    "@heroui/react": "2.8.5",
+    "@storybook/nextjs": "^9.1.13",
+    "@tailwindcss/postcss": "^4.1.16",
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.2",
     "autoprefixer": "^10.4.21",
-    "markdown-to-jsx": "^7.7.13",
-    "next": "^15.4.6",
+    "markdown-to-jsx": "^7.7.17",
+    "next": "^16.0.0",
     "postcss": "^8.5.6",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "sharp": "^0.34.3",
-    "tailwindcss": "^4.1.12",
-    "typescript": "^5.9.2"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "sharp": "^0.34.4",
+    "tailwindcss": "^4.1.16",
+    "typescript": "^5.9.3"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@next/bundle-analyzer": "^15.4.6",
-    "@storybook/addon-links": "^9.1.2",
-    "@storybook/addon-themes": "^9.1.2",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@next/bundle-analyzer": "^16.0.0",
+    "@storybook/addon-links": "^9.1.13",
+    "@storybook/addon-themes": "^9.1.13",
     "@types/eslint": "^9.6.1",
-    "cross-env": "^10.0.0",
+    "cross-env": "^10.1.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^9.33.0",
-    "eslint-config-next": "^15.4.6",
-    "eslint-plugin-storybook": "^9.1.2",
+    "eslint": "^9.38.0",
+    "eslint-config-next": "^16.0.0",
+    "eslint-plugin-storybook": "^9.1.13",
     "husky": "^9.1.7",
     "prettier": "^3.6.2",
     "pretty-quick": "^4.2.2",
-    "storybook": "^9.1.2"
+    "storybook": "^9.1.13"
   },
   "packageManager": "pnpm@10.6.5+sha256.47c8bca42b4b48534b5b1b28d573c506773937b02f68e52992fbd8269131c5c8"
 }

tsconfig.json

 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -19,9 +23,21 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next\\dev/types/**/*.ts",
+    ".next\\dev/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}