no more multiple calls

Author: longjichen1

components/Modal.js

@@ -74,8 +74,6 @@ function Modal({
     await recMany();
   };
 
-  const recResult = result();
-
   function reset() {
     setTitle({});
     onClose();
@@ -130,7 +128,7 @@ function Modal({
       <div className="flex flex-col justify-center bg-[#ebf0f7]">
         <h1 className="mt-2 text-lg font-bold text-center">Recommendations</h1>
         {/* //button */}
-        <Recs results={recResult} />
+        <Recs results={result} />
       </div>
     </div>
   );

components/Recs.js

@@ -6,7 +6,7 @@ function Recs({ results }) {
   const [movieArray, setMovieArray] = useState([]);
 
   useEffect(() => {
-    handleResults(results, setMovieArray);
+    handleResults(results(), setMovieArray);
   }, []);
 
   return (

pages/index.js

@@ -87,8 +87,11 @@ export default function Home({ results }) {
 }
 
 export async function getServerSideProps() {
-  let allMovies = await fetch("http://localhost:8080/all-movies").then((res) =>
-    res.json()
+  let allMovies = await fetch("http://localhost:8080/all-movies").then(
+    (res) => {
+      if (!res.ok) return [];
+      return res.json();
+    }
   );
 
   return {