Enable React Native strict TypeScript API (#11459)

src/features/gifPicker/GifPickerDialog.tsx

@@ -60,7 +60,7 @@ function GifPickerBody({
   control: Dialog.DialogControlProps
   onSelectGif: (gif: Gif) => void
 }) {
-  const textInputRef = useRef<TextInput>(null)
+  const textInputRef = useRef<React.ComponentRef<typeof TextInput>>(null)
   const listRef = useRef<ListMethods>(null)
   const [rawSearch, setRawSearch] = useState('')
   const [activeCategory, setActiveCategory] = useState<string>('trending')

src/features/gifPicker/components/GifPickerGrid.tsx

@@ -89,7 +89,7 @@ export const GifPickerGrid = forwardRef<ListMethods, Props>(
               onRetry={fetchNextPage}
               style={{borderTopWidth: 0}}
             />
-          ) : null
+          ) : undefined
         }
       />
     )

src/features/gifPicker/components/GifPickerHeader.tsx

@@ -15,7 +15,7 @@ export function GifPickerHeader({
   onEscape,
   canClear,
 }: {
-  inputRef: Ref<TextInput>
+  inputRef: Ref<React.ComponentRef<typeof TextInput>>
   onChangeText: (text: string) => void
   onClear: () => void
   onEscape: () => void

src/features/liveEvents/preferences.ts

@@ -43,7 +43,7 @@ function useWebOnlyDebugLiveEventPreferences() {
 
   useEffect(() => {
     if (env.IS_DEV && IS_WEB && typeof window !== 'undefined') {
-      // @ts-ignore
+      // @ts-expect-error
       window.__updateLiveEventPreferences = async (
         action: LiveEventPreferencesAction,
       ) => {