diff --git a/native/qr-code/qr-code-screen.react.js b/native/qr-code/qr-code-screen.react.js
--- a/native/qr-code/qr-code-screen.react.js
+++ b/native/qr-code/qr-code-screen.react.js
@@ -42,7 +42,7 @@
 
 // eslint-disable-next-line no-unused-vars
 function QRCodeScreen(props: QRCodeScreenProps): React.Node {
-  const [qrCodeValue, setQrCodeValue] = React.useState<?string>();
+  const [qrCodeValue, setQRCodeValue] = React.useState<?string>();
   const [qrData, setQRData] =
     React.useState<?{ +deviceID: string, +aesKey: string }>();
   const { setUnauthorizedDeviceID } = useTunnelbroker();
@@ -85,7 +85,7 @@
 
       const url = qrCodeLinkURL(aesKeyAsHexString, ed25519Key);
       setUnauthorizedDeviceID(ed25519Key);
-      setQrCodeValue(url);
+      setQRCodeValue(url);
       setQRData({ deviceID: ed25519Key, aesKey: aesKeyAsHexString });
     } catch (err) {
       console.error('Failed to generate QR Code:', err);
diff --git a/web/account/qr-code-login.react.js b/web/account/qr-code-login.react.js
--- a/web/account/qr-code-login.react.js
+++ b/web/account/qr-code-login.react.js
@@ -67,8 +67,8 @@
   return payload;
 }
 
-function QrCodeLogin(): React.Node {
-  const [qrCodeValue, setQrCodeValue] = React.useState<?string>();
+function QRCodeLogin(): React.Node {
+  const [qrCodeValue, setQRCodeValue] = React.useState<?string>();
 
   const [deviceKeys, setDeviceKeys] =
     React.useState<?{ +deviceID: string, +aesKey: string }>();
@@ -116,7 +116,7 @@
 
       const url = qrCodeLinkURL(aesKeyAsHexString, ed25519);
       setUnauthorizedDeviceID(ed25519);
-      setQrCodeValue(url);
+      setQRCodeValue(url);
       setDeviceKeys({ deviceID: ed25519, aesKey: aesKeyAsHexString });
     } catch (err) {
       console.error('Failed to generate QR Code:', err);
@@ -159,4 +159,4 @@
   );
 }
 
-export default QrCodeLogin;
+export default QRCodeLogin;
diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -39,7 +39,7 @@
 import { infoFromURL } from 'lib/utils/url-utils.js';
 import { AlchemyENSCacheProvider } from 'lib/utils/wagmi-utils.js';
 
-import QrCodeLogin from './account/qr-code-login.react.js';
+import QRCodeLogin from './account/qr-code-login.react.js';
 import AppThemeWrapper from './app-theme-wrapper.react.js';
 import { authoritativeKeyserverID } from './authoritative-keyserver.js';
 import WebEditThreadAvatarProvider from './avatars/web-edit-thread-avatar-provider.react.js';
@@ -255,7 +255,7 @@
     const { loginMethod } = this.props.navInfo;
 
     if (loginMethod === 'qr-code') {
-      return <QrCodeLogin />;
+      return <QRCodeLogin />;
     }
 
     return <Splash />;