From bc7cbfe11c4df567a22d40373e76daa137b4ec69 Mon Sep 17 00:00:00 2001
From: GRZ4NA <grzanatv@gmail.com>
Date: Sat, 2 Oct 2021 18:52:26 +0200
Subject: [PATCH] fixed infinite query loop

---
 src/pages/Home/index.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js
index 78c09cb..4bef3af 100644
--- a/src/pages/Home/index.js
+++ b/src/pages/Home/index.js
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { Stack } from "react-bootstrap";
 import styles from "./index.module.scss";
 import axios from "axios";
@@ -7,15 +7,17 @@ import { BACKEND_URL } from "../../constants";
 export const Home = () => {
     const [events, updateEvents] = useState([]);
 
-    axios
-        .get(`${BACKEND_URL}/api/getEvents`)
-        .then((res) => {
-            if (res.status !== 200) throw new Error(`Request failed with code ${res.status}: ${res.statusText}`);
-            updateEvents(res.data);
-        })
-        .catch((e) => {
-            console.error(`Failed to fetch events. ${e}`);
-        });
+    useEffect(() => {
+        axios
+            .get(`${BACKEND_URL}/api/getEvents`)
+            .then((res) => {
+                if (res.status !== 200) throw new Error(`Request failed with code ${res.status}: ${res.statusText}`);
+                updateEvents(res.data);
+            })
+            .catch((e) => {
+                console.error(`Failed to fetch events. ${e}`);
+            });
+    }, []);
 
     return (
         <div className={styles.con}>