diff --git a/app/App.tsx b/app/App.tsx
index d700fbe..0a9a98b 100644
--- a/app/App.tsx
+++ b/app/App.tsx
@@ -18,21 +18,24 @@ export const App = (props) => {
   const [currentVersion, setCurrentVersion] = useState("");
   const [previousVersions, setPreviousVersions] = useState([]);
 
-  async function _checkVersion() {
-    const res = await fetch("/api/version");
-    const data = await res.json();
-
-    if (data.version !== preferencesStore.params.version) {
-      setShowChangelog(true);
-      setCurrentVersion(data.version);
-      setPreviousVersions(data.previous);
-    }
-  }
   useEffect(() => {
+    async function _checkVersion() {
+      const res = await fetch("/api/version");
+      const data = await res.json();
+
+      if (data.version !== preferencesStore.params.version) {
+        setShowChangelog(true);
+        setCurrentVersion(data.version);
+        setPreviousVersions(data.previous);
+      }
+    }
+
     if (preferencesStore._hasHydrated) {
       _checkVersion();
       userStore.checkAuth();
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [preferencesStore._hasHydrated]);
 
   if (!preferencesStore._hasHydrated && !userStore._hasHydrated) {
diff --git a/app/components/ChangelogModal/ChangelogModal.tsx b/app/components/ChangelogModal/ChangelogModal.tsx
index a2b1fcf..0d12d07 100644
--- a/app/components/ChangelogModal/ChangelogModal.tsx
+++ b/app/components/ChangelogModal/ChangelogModal.tsx
@@ -40,6 +40,7 @@ export const ChangelogModal = (props: {
         });
       });
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.version]);
 
   return (
diff --git a/app/components/CollectionInfo/CollectionInfo.Basics.tsx b/app/components/CollectionInfo/CollectionInfo.Basics.tsx
index b676b23..8de9e37 100644
--- a/app/components/CollectionInfo/CollectionInfo.Basics.tsx
+++ b/app/components/CollectionInfo/CollectionInfo.Basics.tsx
@@ -42,6 +42,7 @@ export const CollectionInfoBasics = (props: {
             width={725}
             height={400}
             className="w-full rounded-lg"
+            alt=""
           />
         </div>
         <div className="flex flex-col gap-1">
diff --git a/app/components/Comments/Comments.Comment.tsx b/app/components/Comments/Comments.Comment.tsx
index 563cd32..87e93da 100644
--- a/app/components/Comments/Comments.Comment.tsx
+++ b/app/components/Comments/Comments.Comment.tsx
@@ -99,6 +99,7 @@ export const CommentsComment = (props: {
       setShouldRender(false);
       setCommentSend(false);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [commentSend]);
 
   async function _sendVote(action: number) {
diff --git a/app/components/Comments/Comments.Main.tsx b/app/components/Comments/Comments.Main.tsx
index 7987fe7..6579df4 100644
--- a/app/components/Comments/Comments.Main.tsx
+++ b/app/components/Comments/Comments.Main.tsx
@@ -155,6 +155,7 @@ const CommentsAllModal = (props: {
     if (scrollPosition >= 95 && scrollPosition <= 96) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   return (
diff --git a/app/components/RelatedSection/RelatedSection.tsx b/app/components/RelatedSection/RelatedSection.tsx
index bedfefd..1ed7c43 100644
--- a/app/components/RelatedSection/RelatedSection.tsx
+++ b/app/components/RelatedSection/RelatedSection.tsx
@@ -13,12 +13,11 @@ export const RelatedSection = (props: any) => {
     <section>
       <div className="flex flex-col justify-between gap-4 p-4 xl:flex-row">
         <div className="flex items-center justify-center p-4">
-          {props.images.map((item) => {
+          {props.images.map((item, index) => {
             return (
-              <div className="w-[100px] lg:w-[300px] aspect-[9/12] even:scale-110 shadow-md even:shadow-lg even:z-30 origin-center first:[transform:translateX(25%)] last:[transform:translateX(-25%)]">
+              <div key={`related-img-${index}`} className="w-[100px] lg:w-[300px] aspect-[9/12] even:scale-110 shadow-md even:shadow-lg even:z-30 origin-center first:[transform:translateX(25%)] last:[transform:translateX(-25%)]">
                 <Image
                   fill={true}
-                  key={item}
                   src={item}
                   alt=""
                   sizes="
diff --git a/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx b/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
index 54f2399..85ddbf4 100644
--- a/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
+++ b/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
@@ -184,8 +184,10 @@ const AddReleaseToCollectionModal = (props: {
     if (scrollPosition >= 95 && scrollPosition <= 96) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
+
   function _addToCollection(collection_id: number) {
     if (props.token) {
       fetch(
diff --git a/app/pages/Bookmarks.tsx b/app/pages/Bookmarks.tsx
index 4dc00b1..ebada56 100644
--- a/app/pages/Bookmarks.tsx
+++ b/app/pages/Bookmarks.tsx
@@ -36,6 +36,7 @@ export function BookmarksPage() {
     if (authState === "finished" && !token) {
       router.push("/login?redirect=/bookmarks");
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [authState, token]);
 
   return (
diff --git a/app/pages/BookmarksCategory.tsx b/app/pages/BookmarksCategory.tsx
index 12da4aa..69b9846 100644
--- a/app/pages/BookmarksCategory.tsx
+++ b/app/pages/BookmarksCategory.tsx
@@ -70,12 +70,14 @@ export function BookmarksCategoryPage(props: any) {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   useEffect(() => {
     if (authState === "finished" && !token) {
       router.push(`/login?redirect=/bookmarks/${props.slug}`);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [authState, token]);
 
   return (
diff --git a/app/pages/Collections.tsx b/app/pages/Collections.tsx
index 2b20ad4..ae3d480 100644
--- a/app/pages/Collections.tsx
+++ b/app/pages/Collections.tsx
@@ -35,6 +35,7 @@ export function CollectionsPage() {
     if (userStore.state === "finished" && !userStore.token) {
       router.push("/login?redirect=/collections");
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userStore.state, userStore.token]);
 
   return (
diff --git a/app/pages/CollectionsFull.tsx b/app/pages/CollectionsFull.tsx
index 486ca70..55ea2d1 100644
--- a/app/pages/CollectionsFull.tsx
+++ b/app/pages/CollectionsFull.tsx
@@ -76,6 +76,7 @@ export function CollectionsFullPage(props: {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   useEffect(() => {
@@ -86,6 +87,7 @@ export function CollectionsFullPage(props: {
     ) {
       router.push(`/login?redirect=/collections/favorites`);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userStore.state, userStore.token]);
 
   return (
diff --git a/app/pages/CreateCollection.tsx b/app/pages/CreateCollection.tsx
index 2bf3828..8300788 100644
--- a/app/pages/CreateCollection.tsx
+++ b/app/pages/CreateCollection.tsx
@@ -39,7 +39,6 @@ export const CreateCollectionPage = () => {
 
   const [edit, setEdit] = useState(false);
 
-  // const [imageData, setImageData] = useState<File | Blob>(null);
   const [imageUrl, setImageUrl] = useState<string>(null);
   const [tempImageUrl, setTempImageUrl] = useState<string>(null);
   const [isPrivate, setIsPrivate] = useState(false);
@@ -118,6 +117,7 @@ export const CreateCollectionPage = () => {
     if (userStore.user) {
       _checkMode();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userStore.user]);
 
   const handleFileRead = (e, fileReader) => {
@@ -265,9 +265,11 @@ export const CreateCollectionPage = () => {
                   </p>
                 </>
               ) : (
+                // eslint-disable-next-line @next/next/no-img-element
                 <img
                   src={imageUrl}
                   className="object-cover w-[inherit] h-[inherit]"
+                  alt=""
                 />
               )}
             </div>
@@ -457,6 +459,7 @@ export const ReleasesEditModal = (props: {
     if (scrollPosition >= 95 && scrollPosition <= 96) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   function _addRelease(release: any) {
diff --git a/app/pages/Favorites.tsx b/app/pages/Favorites.tsx
index b2917cb..cb1e973 100644
--- a/app/pages/Favorites.tsx
+++ b/app/pages/Favorites.tsx
@@ -67,12 +67,14 @@ export function FavoritesPage() {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   useEffect(() => {
     if (authState === "finished" && !token) {
       router.push("/login?redirect=/favorites");
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [authState, token]);
 
   return (
diff --git a/app/pages/History.tsx b/app/pages/History.tsx
index cab1eb3..333a895 100644
--- a/app/pages/History.tsx
+++ b/app/pages/History.tsx
@@ -59,12 +59,14 @@ export function HistoryPage() {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   useEffect(() => {
     if (authState === "finished" && !token) {
       router.push("/login?redirect=/history");
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [authState, token]);
 
   return (
diff --git a/app/pages/IndexCategory.tsx b/app/pages/IndexCategory.tsx
index 456ed85..611af41 100644
--- a/app/pages/IndexCategory.tsx
+++ b/app/pages/IndexCategory.tsx
@@ -25,6 +25,7 @@ export function IndexCategoryPage(props) {
     }
 
     _loadInitialReleases();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [token]);
 
   useEffect(() => {
@@ -36,6 +37,7 @@ export function IndexCategoryPage(props) {
     if (content) {
       _loadNextReleasesPage();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page]);
 
   const scrollPosition = useScrollPosition();
@@ -43,10 +45,9 @@ export function IndexCategoryPage(props) {
     if (scrollPosition == 98) {
       setPage(page + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
-  // if (error) return <div>failed to load</div>;
-
   return (
     <>
       {content && content.length > 0 ? (
diff --git a/app/pages/Login.tsx b/app/pages/Login.tsx
index 27507c2..c316708 100644
--- a/app/pages/Login.tsx
+++ b/app/pages/Login.tsx
@@ -49,6 +49,7 @@ export function LoginPage() {
     if (userStore.user) {
       router.push(`${redirect || "/"}`);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userStore.user]);
 
   return (
diff --git a/app/pages/Profile.tsx b/app/pages/Profile.tsx
index a95b1bd..def785a 100644
--- a/app/pages/Profile.tsx
+++ b/app/pages/Profile.tsx
@@ -24,6 +24,7 @@ export const ProfilePage = (props: any) => {
       setIsMyProfile(data.is_my_profile);
     }
     _getData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [authUser]);
 
   if (!user) {
diff --git a/app/pages/Related.tsx b/app/pages/Related.tsx
index 2785576..a54b393 100644
--- a/app/pages/Related.tsx
+++ b/app/pages/Related.tsx
@@ -54,6 +54,7 @@ export function RelatedPage(props: {id: number|string, title: string}) {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   return (
diff --git a/app/pages/Search.tsx b/app/pages/Search.tsx
index 1ba6922..95d9182 100644
--- a/app/pages/Search.tsx
+++ b/app/pages/Search.tsx
@@ -85,6 +85,7 @@ export function SearchPage() {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   if (error) return <div>failed to load</div>;
diff --git a/app/pages/ViewCollection.tsx b/app/pages/ViewCollection.tsx
index 21df85c..d7b5872 100644
--- a/app/pages/ViewCollection.tsx
+++ b/app/pages/ViewCollection.tsx
@@ -86,6 +86,7 @@ export const ViewCollectionPage = (props: { id: number }) => {
     if (scrollPosition >= 98 && scrollPosition <= 99) {
       setSize(size + 1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
   return (