diff --git a/settings/src/components/settings.js b/settings/src/components/settings.js
index 0f763a47..9eee3e58 100644
--- a/settings/src/components/settings.js
+++ b/settings/src/components/settings.js
@@ -20,7 +20,11 @@ import { GlobalContext } from '../script';
  * Render the correct component based on the URL.
  */
 export default function Settings() {
-	const { backupCodesEnabled, navigateToScreen, screen } = useContext( GlobalContext );
+	const {
+		user: { backupCodesEnabled },
+		navigateToScreen,
+		screen,
+	} = useContext( GlobalContext );
 
 	// The index is the URL slug and the value is the React component.
 	const components = {