diff --git a/frontend/src/components/FirstTimeAdminSetup.jsx b/frontend/src/components/FirstTimeAdminSetup.jsx
index b075c58..38a8877 100644
--- a/frontend/src/components/FirstTimeAdminSetup.jsx
+++ b/frontend/src/components/FirstTimeAdminSetup.jsx
@@ -1,5 +1,5 @@
 import { AlertCircle, CheckCircle, Shield, UserPlus } from "lucide-react";
-import { useState } from "react";
+import { useId, useState } from "react";
 import { useAuth } from "../contexts/AuthContext";
 
 const FirstTimeAdminSetup = () => {
diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index 2dbd832..4c9cb2f 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -9,7 +9,7 @@ import {
 	User,
 } from "lucide-react";
 
-import { useEffect, useState } from "react";
+import { useEffect, useId, useState } from "react";
 
 import { useNavigate } from "react-router-dom";
 import { useAuth } from "../contexts/AuthContext";
diff --git a/frontend/src/pages/Profile.jsx b/frontend/src/pages/Profile.jsx
index f09e418..37d4747 100644
--- a/frontend/src/pages/Profile.jsx
+++ b/frontend/src/pages/Profile.jsx
@@ -19,7 +19,7 @@ import {
 	User,
 } from "lucide-react";
 
-import { useState } from "react";
+import { useId, useState } from "react";
 
 import { useAuth } from "../contexts/AuthContext";
 import { useTheme } from "../contexts/ThemeContext";
diff --git a/frontend/src/pages/RepositoryDetail.jsx b/frontend/src/pages/RepositoryDetail.jsx
index 7395ea1..516f703 100644
--- a/frontend/src/pages/RepositoryDetail.jsx
+++ b/frontend/src/pages/RepositoryDetail.jsx
@@ -13,7 +13,7 @@ import {
 	Users,
 } from "lucide-react";
 
-import { useState } from "react";
+import { useId, useState } from "react";
 
 import { Link, useParams } from "react-router-dom";
 import { repositoryAPI } from "../utils/api";
diff --git a/frontend/src/pages/Settings.jsx b/frontend/src/pages/Settings.jsx
index e887cb0..bd07230 100644
--- a/frontend/src/pages/Settings.jsx
+++ b/frontend/src/pages/Settings.jsx
@@ -15,7 +15,7 @@ import {
 	X,
 } from "lucide-react";
 
-import { useEffect, useState } from "react";
+import { useEffect, useId, useState } from "react";
 import UpgradeNotificationIcon from "../components/UpgradeNotificationIcon";
 import { useUpdateNotification } from "../contexts/UpdateNotificationContext";
 import {