diff --git a/src/components/ListGroup.tsx b/src/components/ListGroup.tsx
index d7cbd3a..fbf4938 100644
--- a/src/components/ListGroup.tsx
+++ b/src/components/ListGroup.tsx
@@ -1,13 +1,11 @@
 function ListGroup() {
-  return (
-    <>
+    const items = ['New York', 'San Francisco', 'Tokyo', 'London'];
+    
+    return (
+        <>
     <h1>List Name</h1>
     <ul className="list-group">
-      <li className="list-group-item">An item</li>
-      <li className="list-group-item">A second item</li>
-      <li className="list-group-item">A third item</li>
-      <li className="list-group-item">A fourth item</li>
-      <li className="list-group-item">And a fifth one</li>
+        {items.map(item => <li className="list-group-item" key={item}>{item}</li>)}
     </ul>
     </>
   );