diff --git a/client/app/routes/howTo.file.tsx b/client/app/routes/howTo.file.tsx
index 1359b75..42568bd 100644
--- a/client/app/routes/howTo.file.tsx
+++ b/client/app/routes/howTo.file.tsx
@@ -14,6 +14,10 @@ export async function loader({ params }: Route.LoaderArgs) {
 	};
 }
 
+export function shouldRevalidate() {
+	return true;
+}
+
 export default function howToFile({ loaderData }: Route.ComponentProps) {
 	return (
 		<div className="max-w-screen-lg mx-auto mb-8">
@@ -29,6 +33,7 @@ export default function howToFile({ loaderData }: Route.ComponentProps) {
 					<nav className="sticky top-8 gap-2 flex flex-col items-start">
 						{loaderData.docs.map((docs) => (
 							<DocLink
+								key={docs.filename}
 								filename={docs.filename}
 								title={docs.title}
 							/>
diff --git a/client/app/routes/howTo.main.tsx b/client/app/routes/howTo.main.tsx
index 281d7c6..f4abbf3 100644
--- a/client/app/routes/howTo.main.tsx
+++ b/client/app/routes/howTo.main.tsx
@@ -15,7 +15,11 @@ export default function howTo({ loaderData }: Route.ComponentProps) {
 			<h1>Přehled návodů</h1>
 			<div className="flex flex-col items-start gap-2">
 				{loaderData.docs.map((docs) => (
-					<DocLink filename={docs.filename} title={docs.title} />
+					<DocLink
+						key={docs.filename}
+						filename={docs.filename}
+						title={docs.title}
+					/>
 				))}
 			</div>
 		</div>