Enable React Native strict TypeScript API (#11459)

src/components/contacts/components/OTPInput.tsx

@@ -25,13 +25,13 @@ export function OTPInput({
   label: string
   value: string
   onChange: (text: string) => void
-  ref?: React.Ref<TextInput>
+  ref?: React.Ref<React.ComponentRef<typeof TextInput>>
   numberOfDigits?: number
   onComplete?: (code: string) => void
 }) {
   const t = useTheme()
   const {_} = useLingui()
-  const innerRef = useRef<TextInput>(null)
+  const innerRef = useRef<React.ComponentRef<typeof TextInput>>(null)
   const {state: focused, onIn: onFocus, onOut: onBlur} = useInteractionState()
   const [selection, setSelection] = useState({start: 0, end: 0})
 

src/components/contacts/screens/ViewMatches.tsx

@@ -383,7 +383,7 @@ export function ViewMatches({
         ref={listRef}
         data={items}
         renderItem={renderItem}
-        ListFooterComponent={!isEmpty ? <ListFooter height={20} /> : null}
+        ListFooterComponent={!isEmpty ? <ListFooter height={20} /> : undefined}
         keyExtractor={keyExtractor}
         keyboardDismissMode="interactive"
         automaticallyAdjustKeyboardInsets