Fix tsc

src/lib/hooks/usePermissions.ts

@@ -38,7 +38,7 @@ export function useCameraPermission() {
   const [cameraPermissionStatus] = Camera.useCameraPermissions()
 
   const requestCameraAccessIfNeeded = async () => {
-    if (cameraPermissionStatus.granted) {
+    if (cameraPermissionStatus?.granted) {
       return true
     } else {
       openPermissionAlert('camera')

src/lib/routes/helpers.ts

@@ -15,7 +15,7 @@ import {State, NavigationProp} from './types'
 // }
 
 export function getCurrentRoute(state: State) {
-  let node = state.routes[state.index]
+  let node = state.routes[state.index || 0]
   while (node.state?.routes && typeof node.state?.index === 'number') {
     node = node.state?.routes[node.state?.index]
   }

src/lib/routes/types.ts

@@ -19,14 +19,26 @@ export type HomeTabNavigatorParams = CommonNavigatorParams & {
   Home: undefined
 }
 
-export type NotificationsTabNavigatorParams = CommonNavigatorParams & {
-  Notifications: undefined
+export type HomeDrawerNavigatorParams = {
+  HomeInner: undefined
 }
 
 export type SearchTabNavigatorParams = CommonNavigatorParams & {
   Search: undefined
 }
 
+export type SearchDrawerNavigatorParams = {
+  SearchInner: undefined
+}
+
+export type NotificationsTabNavigatorParams = CommonNavigatorParams & {
+  Notifications: undefined
+}
+
+export type NotificationsDrawerNavigatorParams = {
+  NotificationsInner: undefined
+}
+
 // NOTE
 // this isn't strictly correct but it should be close enough
 // a TS wizard might be able to get this 100%

src/routes.tsx

@@ -6,8 +6,11 @@ import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'
 
 import {
   HomeTabNavigatorParams,
-  NotificationsTabNavigatorParams,
+  HomeDrawerNavigatorParams,
   SearchTabNavigatorParams,
+  SearchDrawerNavigatorParams,
+  NotificationsTabNavigatorParams,
+  NotificationsDrawerNavigatorParams,
   State,
 } from 'lib/routes/types'
 
@@ -27,11 +30,12 @@ import {PostRepostedByScreen} from './view/screens/PostRepostedBy'
 import {DebugScreen} from './view/screens/Debug'
 import {LogScreen} from './view/screens/Log'
 
-const HomeDrawer = createDrawerNavigator()
+const HomeDrawer = createDrawerNavigator<HomeDrawerNavigatorParams>()
 const HomeTab = createNativeStackNavigator<HomeTabNavigatorParams>()
-const SearchDrawer = createDrawerNavigator()
+const SearchDrawer = createDrawerNavigator<SearchDrawerNavigatorParams>()
 const SearchTab = createNativeStackNavigator<SearchTabNavigatorParams>()
-const NotificationsDrawer = createDrawerNavigator()
+const NotificationsDrawer =
+  createDrawerNavigator<NotificationsDrawerNavigatorParams>()
 const NotificationsTab =
   createNativeStackNavigator<NotificationsTabNavigatorParams>()
 const Tab = createBottomTabNavigator()
@@ -139,7 +143,7 @@ function buildStateObject(stack: string, route: string, params: RouteParams) {
   }
 }
 
-function commonScreens(Stack: ReturnType<typeof createNativeStackNavigator>) {
+function commonScreens(Stack: typeof HomeTab) {
   return (
     <>
       <Stack.Screen name="Settings" component={SettingsScreen} />
@@ -183,6 +187,31 @@ function HomeTabNavigator() {
   )
 }
 
+function SearchDrawerNavigator() {
+  const drawerContent = React.useCallback(props => <Drawer {...props} />, [])
+  return (
+    <SearchDrawer.Navigator
+      drawerContent={drawerContent}
+      screenOptions={{swipeEdgeWidth: 300, headerShown: false}}>
+      <SearchDrawer.Screen name="SearchInner" component={SearchScreen} />
+    </SearchDrawer.Navigator>
+  )
+}
+
+function SearchTabNavigator() {
+  return (
+    <SearchTab.Navigator
+      screenOptions={{
+        gestureEnabled: true,
+        fullScreenGestureEnabled: true,
+        headerShown: false,
+      }}>
+      <SearchTab.Screen name="Search" component={SearchDrawerNavigator} />
+      {commonScreens(SearchTab as typeof HomeTab)}
+    </SearchTab.Navigator>
+  )
+}
+
 function NotificationsDrawerNavigator() {
   const drawerContent = React.useCallback(props => <Drawer {...props} />, [])
   return (
@@ -209,36 +238,11 @@ function NotificationsTabNavigator() {
         name="Notifications"
         component={NotificationsDrawerNavigator}
       />
-      {commonScreens(NotificationsTab)}
+      {commonScreens(NotificationsTab as typeof HomeTab)}
     </NotificationsTab.Navigator>
   )
 }
 
-function SearchDrawerNavigator() {
-  const drawerContent = React.useCallback(props => <Drawer {...props} />, [])
-  return (
-    <SearchDrawer.Navigator
-      drawerContent={drawerContent}
-      screenOptions={{swipeEdgeWidth: 300, headerShown: false}}>
-      <SearchDrawer.Screen name="SearchInner" component={SearchScreen} />
-    </SearchDrawer.Navigator>
-  )
-}
-
-function SearchTabNavigator() {
-  return (
-    <SearchTab.Navigator
-      screenOptions={{
-        gestureEnabled: true,
-        fullScreenGestureEnabled: true,
-        headerShown: false,
-      }}>
-      <SearchTab.Screen name="Search" component={SearchDrawerNavigator} />
-      {commonScreens(SearchTab)}
-    </SearchTab.Navigator>
-  )
-}
-
 export function TabsNavigator() {
   const tabBar = React.useCallback(props => <BottomBar {...props} />, [])
   return (

src/view/com/util/Link.tsx

@@ -117,8 +117,11 @@ function onPressInner(
     shouldHandle = e ? !e.defaultPrevented : true
   } else if (
     !e.defaultPrevented && // onPress prevented default
+    // @ts-ignore Web only -prf
     !(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && // ignore clicks with modifier keys
+    // @ts-ignore Web only -prf
     (e.button == null || e.button === 0) && // ignore everything but left clicks
+    // @ts-ignore Web only -prf
     [undefined, null, '', 'self'].includes(e.currentTarget?.target) // let browser handle "target=_blank" etc.
   ) {
     e.preventDefault()

src/view/screens/Home.tsx

@@ -3,7 +3,10 @@ import {FlatList, View} from 'react-native'
 import {useFocusEffect, useIsFocused} from '@react-navigation/native'
 import {observer} from 'mobx-react-lite'
 import useAppState from 'react-native-appstate-hook'
-import {NativeStackScreenProps, HomeTabNavigatorParams} from 'lib/routes/types'
+import {
+  NativeStackScreenProps,
+  HomeDrawerNavigatorParams,
+} from 'lib/routes/types'
 import {ViewHeader} from '../com/util/ViewHeader'
 import {Feed} from '../com/posts/Feed'
 import {LoadLatestBtn} from '../com/util/LoadLatestBtn'
@@ -17,7 +20,7 @@ import {ComposeIcon2} from 'lib/icons'
 
 const HEADER_HEIGHT = 42
 
-type Props = NativeStackScreenProps<HomeTabNavigatorParams, 'Home'>
+type Props = NativeStackScreenProps<HomeDrawerNavigatorParams, 'HomeInner'>
 export const HomeScreen = observer(function Home(_opts: Props) {
   const store = useStores()
   const onMainScroll = useOnMainScroll(store)

src/view/screens/Notifications.tsx

@@ -4,7 +4,7 @@ import {useFocusEffect} from '@react-navigation/native'
 import useAppState from 'react-native-appstate-hook'
 import {
   NativeStackScreenProps,
-  NotificationsTabNavigatorParams,
+  NotificationsDrawerNavigatorParams,
 } from 'lib/routes/types'
 import {ViewHeader} from '../com/util/ViewHeader'
 import {Feed} from '../com/notifications/Feed'
@@ -15,10 +15,11 @@ import {useAnalytics} from 'lib/analytics'
 
 const NOTIFICATIONS_POLL_INTERVAL = 15e3
 
-export const NotificationsScreen = ({}: NativeStackScreenProps<
-  NotificationsTabNavigatorParams,
-  'Notifications'
->) => {
+type Props = NativeStackScreenProps<
+  NotificationsDrawerNavigatorParams,
+  'NotificationsInner'
+>
+export const NotificationsScreen = ({}: Props) => {
   const store = useStores()
   const onMainScroll = useOnMainScroll(store)
   const scrollElRef = React.useRef<FlatList>(null)

src/view/screens/ProfileFollows.tsx

@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react'
+import React from 'react'
 import {View} from 'react-native'
 import {useFocusEffect} from '@react-navigation/native'
 import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'

src/view/screens/Search.tsx

@@ -15,7 +15,7 @@ import {
 import {ScrollView} from '../com/util/Views'
 import {
   NativeStackScreenProps,
-  SearchTabNavigatorParams,
+  SearchDrawerNavigatorParams,
 } from 'lib/routes/types'
 import {observer} from 'mobx-react-lite'
 import {UserAvatar} from '../com/util/UserAvatar'
@@ -34,8 +34,8 @@ import {useAnalytics} from 'lib/analytics'
 const MENU_HITSLOP = {left: 10, top: 10, right: 30, bottom: 10}
 const FIVE_MIN = 5 * 60 * 1e3
 
-type Props = NativeStackScreenProps<SearchTabNavigatorParams, 'Search'>
-export const SearchScreen = observer(({}: Props) => {
+type Props = NativeStackScreenProps<SearchDrawerNavigatorParams, 'SearchInner'>
+export const SearchScreen = observer<Props>(({}: Props) => {
   const pal = usePalette('default')
   const store = useStores()
   const {track} = useAnalytics()

src/view/screens/Settings.tsx

@@ -32,11 +32,8 @@ import {AccountData} from 'state/models/session'
 import {useAnalytics} from 'lib/analytics'
 import {NavigationProp} from 'lib/routes/types'
 
-export const SettingsScreen = observer(
-  function Settings({}: NativeStackScreenProps<
-    CommonNavigatorParams,
-    'Settings'
-  >) {
+type Props = NativeStackScreenProps<CommonNavigatorParams, 'Settings'>
+export const SettingsScreen = observer(function Settings({}: Props) {
   const theme = useTheme()
   const pal = usePalette('default')
   const store = useStores()
@@ -274,8 +271,7 @@ export const SettingsScreen = observer(
       </ScrollView>
     </View>
   )
-  },
-)
+})
 
 function AccountDropdownBtn({handle}: {handle: string}) {
   const store = useStores()