From 277d22c10b49aff5e7ce8310d720861703ba5753 Mon Sep 17 00:00:00 2001
From: Evgeny Bobkin <evgeny.bobkin@europace.de>
Date: Sun, 29 Dec 2024 12:52:54 +0100
Subject: [PATCH] address warning in next.js about value only prop

---
 app/2fa/setup/components.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/2fa/setup/components.tsx b/app/2fa/setup/components.tsx
index d19b2af..003b7bc 100644
--- a/app/2fa/setup/components.tsx
+++ b/app/2fa/setup/components.tsx
@@ -11,7 +11,7 @@ export function TwoFactorSetUpForm(props: { encodedTOTPKey: string }) {
 	const [state, action] = useFormState(setup2FAAction, initial2FASetUpState);
 	return (
 		<form action={action}>
-			<input name="key" value={props.encodedTOTPKey} hidden required />
+			<input name="key" value={props.encodedTOTPKey} readOnly hidden required />
 			<label htmlFor="form-totp.code">Verify the code from the app</label>
 			<input id="form-totp.code" name="code" required />
 			<br />