added 'event' to endpoint location

src/App.js

@@ -35,7 +35,7 @@ export const App = (props) => {
                     {Array.isArray(props.events) &&
                         props.events.map((e) => {
                             return (
-                                <Route key={e._id} exact path={`/${e._id}`}>
+                                <Route key={e._id} exact path={`/event/${e._id}`}>
                                     <Event id={e._id}></Event>
                                 </Route>
                             );

src/components/EventPreview/index.js

@@ -4,7 +4,7 @@ import styles from "./index.module.scss";
 
 export const EventPreview = (props) => {
     return (
-        <Link to="/" className={styles.link}>
+        <Link to={`/event/${props.id}`} className={styles.link}>
             <div className={styles.item}>
                 <span className={styles.location}>{props.name ?? "Event name"}</span> <br></br>
                 <span>