diff --git a/native/apps/apps-directory.react.js b/native/apps/apps-directory.react.js
--- a/native/apps/apps-directory.react.js
+++ b/native/apps/apps-directory.react.js
@@ -3,13 +3,23 @@
 import * as React from 'react';
 import { Text, FlatList, View } from 'react-native';
 
+import type { SupportedApps } from 'lib/types/enabled-apps.js';
+
 import AppListing from './app-listing.react.js';
 import type { NavigationRoute } from '../navigation/route-names.js';
 import type { TabNavigationProp } from '../navigation/tab-navigator.react.js';
 import { useSelector } from '../redux/redux-utils.js';
 import { useStyles } from '../themes/colors.js';
 
-const APP_DIRECTORY_DATA = [
+type Item = {
+  +id: SupportedApps | 'chat',
+  +alwaysEnabled: boolean,
+  +appName: string,
+  +appIcon: 'message-square' | 'calendar',
+  +appCopy: string,
+};
+
+const APP_DIRECTORY_DATA: $ReadOnlyArray<Item> = [
   {
     id: 'chat',
     alwaysEnabled: true,
@@ -36,10 +46,10 @@
   const enabledApps = useSelector(state => state.enabledApps);
 
   const renderAppCell = React.useCallback(
-    ({ item }) => (
+    ({ item }: { +item: Item, ... }) => (
       <AppListing
         id={item.id}
-        enabled={enabledApps[item.id]}
+        enabled={item.id === 'chat' ? true : enabledApps[item.id]}
         alwaysEnabled={item.alwaysEnabled}
         appName={item.appName}
         appIcon={item.appIcon}
@@ -48,7 +58,7 @@
     ),
     [enabledApps],
   );
-  const getItemID = React.useCallback(item => item.id, []);
+  const getItemID = React.useCallback((item: Item) => item.id, []);
 
   return (
     <View style={styles.view}>