fix: lint errors

Author: Gslmao

src/app/actions/get-papers-by-id.ts

@@ -1,4 +1,4 @@
-import { type PaperResponse, ApiResponse } from "@/interface";
+import type { PaperResponse, ApiResponse } from "@/interface";
 import axios, { type AxiosResponse } from "axios";
 
 export const fetchPaperID = async (id: string): Promise<PaperResponse> => {
@@ -14,10 +14,9 @@ export const fetchPaperID = async (id: string): Promise<PaperResponse> => {
     }
     return response.data.data;
   } catch (err: unknown) {
-    if (axios.isAxiosError(err)) {
-      console.error("Axios error:", err.response?.data.message ?? err.message);
-      const errorMessage =
-        (err.response?.data.message ?? "Failed to fetch paper");
+    if (axios.isAxiosError<ApiResponse<unknown>>(err)) {
+      const errorMessage = err.response?.data?.message ?? err.message;
+      console.error("Axios error:", errorMessage);
       throw new Error(errorMessage);
     } else {
       console.error("Unexpected error:", err);

src/app/upload/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState, useRef } from "react";
 import toast from "react-hot-toast";
 import { Button } from "@/components/ui/button";
 import axios, { AxiosError } from "axios";
@@ -13,7 +13,7 @@ import {
   TouchSensor,
   useSensor,
   useSensors,
-  DragEndEvent,
+  type DragEndEvent,
 } from "@dnd-kit/core";
 import {
   arrayMove,
@@ -24,17 +24,12 @@ import {
 import { CSS } from "@dnd-kit/utilities";
 import Dropzone from "react-dropzone";
 import { Upload, XIcon } from "lucide-react";
-import { getDocument, GlobalWorkerOptions } from "pdfjs-dist";
-import { type ApiResponse } from "@/interface"
+import { GlobalWorkerOptions } from "pdfjs-dist";
+import type { ApiResponse } from "@/interface"
 
 GlobalWorkerOptions.workerSrc =
   "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.8.69/pdf.worker.min.mjs";
 
-interface APIResponse {
-  status: string;
-  message?: string;
-}
-
 interface uploadResponse {
   file_url: string;
   thumbnail_url: string;
@@ -49,6 +44,12 @@ export default function Page() {
   const [isGlobalDragging, setIsGlobalDragging] = useState(false);
   const [zoomIndex, setZoomIndex] = useState<number | null>(null);
 
+  const previewsRef = useRef(previews);
+
+  useEffect(() => {
+    previewsRef.current = previews;
+  }, [previews]);
+
   useEffect(() => {
     const onDragEnter = () => setIsGlobalDragging(true);
     const onDragLeave = () => setIsGlobalDragging(false);
@@ -68,7 +69,7 @@ export default function Page() {
   // Cleanup previews on unmount
   useEffect(() => {
     return () => {
-      previews.forEach((item) => {
+      previewsRef.current.forEach((item) => {
         try {
           URL.revokeObjectURL(item.preview);
         } catch {}
@@ -281,10 +282,10 @@ export default function Page() {
             await axios.post<ApiResponse<uploadResponse>>("/api/upload", formData);
             return { message: "Papers uploaded successfully!" };
           } catch (error) {
-            if (error instanceof AxiosError && error.response?.data) {
-              const errorData = error.response.data;
+            if (error instanceof AxiosError) {
+              const errorData = error?.response?.data as ApiResponse<unknown>;
               const errorMessage =
-                errorData.message ?? "Failed to upload papers";
+                errorData?.message ?? "Failed to upload papers";
               throw new Error(errorMessage);
             }
             throw new Error("Failed to upload papers");

src/components/Footer.tsx

@@ -15,6 +15,7 @@ import {
 } from "react-icons/fa6";
 import { Bold, Mail } from "lucide-react";
 import toast from "react-hot-toast";
+import type { ApiResponse } from '@/interface'
 
 type SubscribeResponse = {
   success?: boolean;
@@ -43,7 +44,7 @@ export default function Footer() {
         body: JSON.stringify({ email }),
       })     
       .then(async (res) => {
-        const data = (await res.json()).data as SubscribeResponse;
+        const data = (await res.json()) as ApiResponse<never>;
         if (!res.ok) throw new Error(data.message ?? "Something went wrong.");
         return data;
       }),