Upgrade packages

Author: darashi

lib/renkyu.ts

@@ -1,6 +1,5 @@
 import holiday_jp from "@holiday-jp/holiday_jp";
-import startOfDay from "date-fns/startOfDay/index.js";
-import add from "date-fns/add/index.js";
+import { add, startOfDay } from "date-fns";
 
 function isNonBusinessDay(d: Date): boolean {
   return holiday_jp.isHoliday(d) || d.getDay() === 0 || d.getDay() === 6;

package-lock.json

@@ -12,16 +12,18 @@
   },
   "dependencies": {
     "@astrojs/react": "^4.4.2",
-    "@holiday-jp/holiday_jp": "^2.4.0",
+    "@holiday-jp/holiday_jp": "^2.5.1",
     "astro": "^5.16.3",
     "daisyui": "^5.5.5",
-    "date-fns": "^2.30.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-icons": "^4.12.0",
+    "date-fns": "^4.1.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-icons": "^5.5.0",
     "tailwindcss": "^4.1.17"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.17"
+    "@tailwindcss/vite": "^4.1.17",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3"
   }
 }

package.json

@@ -1,5 +1,5 @@
 import type { Renkyu } from "../../lib/renkyu";
-import { FaHeart } from "react-icons/fa/index.js";
+import { FaHeart } from "react-icons/fa";
 
 const char = "♥";
 

src/components/Chart.tsx

@@ -1,5 +1,5 @@
-import format from "date-fns/format/index.js";
-import ja from "date-fns/locale/ja/index.js";
+import { format } from "date-fns";
+import { ja } from "date-fns/locale";
 
 type Props = {
   date: Date;

src/components/Day.tsx

@@ -1,18 +1,18 @@
 <footer class="footer footer-center p-10 bg-neutral text-neutral-content">
-  <div>土曜、日曜、祝日を休日として計算しています。</div>
-  <div>
-    <p>
+  <div class="text-center space-y-1">
+    <div>土曜、日曜、祝日を休日として計算しています。</div>
+    <div>
       祝日データは <a
         href="https://github.com/holiday-jp/holiday_jp-js"
         rel="nofollow"
         target="_blank">holiday-jp/holiday_jp-js</a
       > を利用しています。
-    </p>
-  </div>
-  <div>
-    <a
-      href="https://github.com/darashi/renkyu-maker"
-      rel="nofollow"
-      target="_blank">GitHub</a>
+    </div>
+    <div>
+      <a
+        href="https://github.com/darashi/renkyu-maker"
+        rel="nofollow"
+        target="_blank">GitHub</a>
+    </div>
   </div>
 </footer>

src/components/Footer.astro

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { Renkyu } from "../../lib/renkyu";
 import RenkyCard from "./RenkyuCard";
-import startOfDay from "date-fns/startOfDay/index.js";
+import { startOfDay } from "date-fns";
 
 type Props = {
   year: number;