TS2532报错：已做undefined校验，Typescript仍提示对象可能为undefined

排查步骤 #

1. 检查ref的类型定义
   React的useRef如果声明时未指定泛型且未赋值初始值，TypeScript会推导其current类型永远为undefined，任何后续的类型守卫都不会生效。你需要为ref指定正确的泛型：

import { FlatList } from 'react-native'
// 正确声明方式，初始值设为null
const flatListRef = useRef<FlatList>(null)

2. 排查IDE缓存问题
   WebStorm的TypeScript语言服务经常出现缓存未更新的情况，可按以下步骤重启：

• 点击右下角的TypeScript图标
• 选择「Restart TypeScript Service」
• 如仍无效，可进入「File > Invalidate Caches...」清空缓存后重启IDE

3. 避免异步场景下的类型收窄失效
   如果你的类型守卫和访问current的代码之间存在异步操作，TypeScript无法确认异步过程中ref的current是否被修改，会主动丢弃之前的类型收窄结果。此时可将current赋值给局部变量后再判断：

const listInstance = flatListRef.current
if (listInstance) {
  listInstance.someMethod()
}

4. 修正tsconfig配置
   你当前的tsconfig存在明显配置冲突：allowJs设为false的情况下，include列表却包含了App.js等JS文件，同时未匹配TS/TSX文件。请将include配置修改为：

"include": [
  "App.tsx",
  "app/**/*.ts",
  "app/**/*.tsx",
  "test/**/*.ts",
  "test/**/*.tsx",
  "storybook/**/*.ts",
  "storybook/**/*.tsx"
]

如果你的业务代码确实使用JS编写，需将allowJs设为true。

内容的提问来源于stack exchange，提问作者Devator