diff --git a/src/navigation/BottomTabNavigator/index.js b/src/navigation/BottomTabNavigator/index.tsx
similarity index 88%
rename from src/navigation/BottomTabNavigator/index.js
rename to src/navigation/BottomTabNavigator/index.tsx
index 95e14dc4f..0a6e49358 100644
--- a/src/navigation/BottomTabNavigator/index.js
+++ b/src/navigation/BottomTabNavigator/index.tsx
@@ -1,4 +1,4 @@
-import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { BottomTabBarProps, createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import Mortal from "components/SharedComponents/Mortal";
 import TabStackNavigator, {
   SCREEN_NAME_NOTIFICATIONS,
@@ -14,7 +14,7 @@ const Tab = createBottomTabNavigator( );
 /* eslint-disable react/jsx-props-no-spreading */
 
 const BottomTabs = ( ) => {
-  const renderTabBar = props => <CustomTabBarContainer {...props} />;
+  const renderTabBar = ( props: BottomTabBarProps ) => <CustomTabBarContainer {...props} />;
 
   // DEVELOPERS: do you need to add any screens here? All the rest of our screens live in
   // NoBottomTabStackNavigator, TabStackNavigator, or LoginStackNavigator