diff --git a/src/3/index.tsx b/src/3/index.tsx
index e312bc1..70f9f4a 100644
--- a/src/3/index.tsx
+++ b/src/3/index.tsx
@@ -18,6 +18,15 @@ const filterDown = (filter: string) => (word: string) => String(word).includes(f
 const filterItems = (items: any, filter: any) => items.filter(filterDown(filter));
 const mapItems = (filteredItems: any) => filteredItems.map((item: string) => <ListItemComponent itemNumber={item} />);
 
+function ListComponentAlternative(props: any) {
+
+	const mappedItems = props.items
+		.filter((item: string) => String(item).includes(props.filter))
+		.map((item: string) => <ListItemComponent itemNumber={item} />);
+	return <ul>
+		{mappedItems}
+	</ul>
+}
 
 const Task3: FunctionComponent = () => {
   const [inputValue, setInputValue] = useState("");