fixed infinite query loop

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,6 +7,7 @@ import { BACKEND_URL } from "../../constants";
 export const Home = () => {
     const [events, updateEvents] = useState([]);
 
+    useEffect(() => {
         axios
             .get(`${BACKEND_URL}/api/getEvents`)
             .then((res) => {
@@ -16,6 +17,7 @@ export const Home = () => {
             .catch((e) => {
                 console.error(`Failed to fetch events. ${e}`);
             });
+    }, []);
 
     return (
         <div className={styles.con}>