Enable React Native strict TypeScript API (#11459)

src/view/screens/DebugMod.tsx

@@ -1160,10 +1160,10 @@ function MockAccountScreen({
         screenDescription={_(msg`profile`)}
         modui={moderation.ui('profileView')}>
         <ProfileHeaderStandard
-          // @ts-ignore ProfileViewBasic is close enough -prf
+          // @ts-expect-error ProfileViewBasic is close enough -prf
           profile={profile}
           moderationOpts={moderationOpts}
-          // @ts-ignore ProfileViewBasic is close enough -esb
+          // @ts-expect-error ProfileViewBasic is close enough -esb
           descriptionRT={new RichText({text: profile.description as string})}
         />
       </ScreenHider>

src/view/screens/Home.tsx

@@ -223,7 +223,7 @@ function HomeScreenReady({
             {...props}
             testID="homeScreenFeedTabs"
             onPressSelected={onPressSelected}
-            // @ts-ignore
+            // @ts-expect-error
             feeds={[{displayName: 'Following'}, {displayName: 'Discover'}]}
           />
         )

src/view/screens/Notifications.tsx

@@ -262,7 +262,7 @@ function NotificationsTab({
         ListHeaderComponent={
           filter === 'mentions' ? (
             <DisabledNotificationsWarning active={isFocusedAndActive} />
-          ) : null
+          ) : undefined
         }
       />
       {(isScrolledDown || hasNew) && (

src/view/screens/Profile.tsx

@@ -649,7 +649,7 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: 'column',
     height: '100%',
-    // @ts-ignore Web-only.
+    // @ts-expect-error Web-only.
     overflowAnchor: 'none', // Fixes jumps when switching tabs while scrolled down.
   },
   loading: {

src/view/screens/Storybook/Forms.tsx

@@ -34,7 +34,7 @@ export function Forms() {
   const [phoneNumber, setPhoneNumber] = useState('')
   const [lang, setLang] = useState('en')
 
-  const inputRef = useRef<TextInput>(null)
+  const inputRef = useRef<React.ComponentRef<typeof TextInput>>(null)
 
   return (
     <View style={[a.gap_4xl, a.align_start]}>