fixed usestate callback errors

components/userRatingBaseNextList/page.tsx

@@ -46,17 +46,23 @@ export const ChunithmNextPlays: FC<ChunithmProfileHotPlays> = ({
         return (
           <div key={index} className="flex flex-col items-center p-2">
             <div className="font-bold"></div>
-            {jacketPath ? (
-              <img
-                src={`/jacketArts/${jacketPath}`}
-                alt="Jacket"
-                className={`mr-2 inline-block h-[100px] w-[100px] ${
-                  isLoading ? "hidden" : ""
-                }`}
-                onLoad={handleImageLoad}
-                onError={handleImageError}
-              />
-            ) : (
+            {jacketPath && (
+              <>
+                <img
+                  src={`/jacketArts/${jacketPath}`}
+                  alt="Jacket"
+                  className={`mr-2 inline-block h-[100px] w-[100px] ${
+                    isLoading ? "hidden" : ""
+                  }`}
+                  onLoad={handleImageLoad}
+                  onError={handleImageError}
+                />
+                {isLoading && (
+                  <Skeleton className="mr-2 inline-block h-[100px] w-[100px]" />
+                )}
+              </>
+            )}
+            {!jacketPath && (
               <Skeleton className="mr-2 inline-block h-[100px] w-[100px]" />
             )}
             <div>