fix

Author: GuY8528

web/app/home/page.tsx

@@ -2,7 +2,13 @@
 
 import type { UserWithCoursesAndSubjects } from "common/types";
 import { motion, useAnimation } from "framer-motion";
-import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from "react";
 import { MdClose, MdThumbUp } from "react-icons/md";
 import request from "~/api/request";
 import { useAboutMe, useRecommended } from "~/api/user";
@@ -57,6 +63,13 @@ export default function Home() {
     if (data) setRecommended(new Queue(data));
   }, [data]);
 
+  useEffect(() => {
+    if (data) {
+      setRecommended(new Queue(data));
+      setLoading(false);
+    }
+  }, [data]);
+
   const displayedUser = recommended.peek(0);
   const nextUser = recommended.peek(1);