diff --git a/src/components/AuthenticationFlow/EmailLoginForm.tsx b/src/components/AuthenticationFlow/EmailLoginForm.tsx index f01b96d53..ca99e837b 100644 --- a/src/components/AuthenticationFlow/EmailLoginForm.tsx +++ b/src/components/AuthenticationFlow/EmailLoginForm.tsx @@ -1,6 +1,6 @@ import Cookies from 'js-cookie'; import type { FormEvent } from 'react'; -import { useState } from 'react'; +import { useId, useState } from 'react'; import { httpPost } from '../../lib/http'; import { TOKEN_COOKIE_NAME, setAuthToken } from '../../lib/jwt'; @@ -53,13 +53,16 @@ export function EmailLoginForm(props: EmailLoginFormProps) { setError(error?.message || 'Something went wrong. Please try again later.'); }; + const emailFieldId = `form:${useId()}`; + const passwordFieldId = `form:${useId()}`; + return (