diff --git a/web/packages/accounts/pages/passkeys/finish.tsx b/web/packages/accounts/pages/passkeys/finish.tsx
index 4e85e3e43..3f8ae8548 100644
--- a/web/packages/accounts/pages/passkeys/finish.tsx
+++ b/web/packages/accounts/pages/passkeys/finish.tsx
@@ -6,7 +6,7 @@ import { LS_KEYS, getData, setData } from "@ente/shared/storage/localStorage";
 import { useRouter } from "next/router";
 import { useEffect } from "react";
 
-const PasskeysFinishPage = () => {
+const Page = () => {
     const router = useRouter();
 
     const init = async () => {
@@ -43,4 +43,4 @@ const PasskeysFinishPage = () => {
     );
 };
 
-export default PasskeysFinishPage;
+export default Page;
diff --git a/web/packages/accounts/pages/two-factor/recover.tsx b/web/packages/accounts/pages/two-factor/recover.tsx
index dd69d6b36..ffad62625 100644
--- a/web/packages/accounts/pages/two-factor/recover.tsx
+++ b/web/packages/accounts/pages/two-factor/recover.tsx
@@ -29,10 +29,10 @@ const bip39 = require("bip39");
 // mobile client library only supports english.
 bip39.setDefaultWordlist("english");
 
-export default function Recover({
+const Page: React.FC<PageProps> = ({
     appContext,
     twoFactorType = TwoFactorType.TOTP,
-}: PageProps) {
+}) => {
     const { logout } = appContext;
 
     const [encryptedTwoFactorSecret, setEncryptedTwoFactorSecret] =
@@ -182,4 +182,6 @@ export default function Recover({
             </FormPaper>
         </VerticallyCentered>
     );
-}
+};
+
+export default Page;