For-loop in JSX with id

Loop.js

const Loop = () => {
	const animals = [
		{ id: 1, animal: "Dog" },
		{ id: 2, animal: "Bird" },
		{ id: 3, animal: "Cat" },
		{ id: 4, animal: "Mouse" },
		{ id: 5, animal: "Horse" },
	];

	return (
		<ul>
			{animals.map((item) => (
				<h5 key={item.id}>{item.animal}</h5>
			))}
		</ul>
	);
};