react-select5.3.2搭配@types/react16.9.2提示无RefCallback导出报错

你遇到的TS报错是依赖版本不兼容导致的：
react-select@5.3.2的类型定义文件中引用了@types/react导出的RefCallback类型，但你当前安装的@types/react@^16.9.2是早期发布的旧版本，当时这个类型还没有作为公开成员导出，因此TS编译时会抛出找不到导出成员的错误。

按改造成本从低到高排序，可选以下任意一种方案：

• 方案1（最低成本，推荐）：升级@types/react到16.x的最终迭代版本，不需要升级React运行时版本。执行以下安装命令即可：

  npm install @types/react@16.14.56 --save-dev
  # 如果使用yarn
  yarn add @types/react@16.14.56 --dev
  

  这个版本的@types/react补全了RefCallback类型导出，同时完全兼容React 16.9的所有API，不会引入运行时破坏性变更。如果升级后仍有相同报错，可以先删除node_modules目录和包锁文件（package-lock.json/yarn.lock）后重新执行依赖安装，避免多版本@types/react共存导致的类型冲突。
• 方案2：降级react-select到兼容旧类型的v4版本。v4版本的react-select类型定义不依赖RefCallback公开导出，可以直接适配@types/react@16.9.2：

  npm install react-select@4.3.1 --save
  # 如果使用yarn
  yarn add react-select@4.3.1
  

  react-select v4和v5的常用API基本一致，绝大多数业务场景可以无缝替换。
• 方案3（临时补丁）：如果暂时不能调整依赖版本，可以在项目全局类型文件（通常是src/global.d.ts）中手动补全缺失的类型定义：

  import 'react';
  declare module 'react' {
    export type RefCallback<T> = (instance: T | null) => void;
  }
  

  该方案不需要改动依赖，仅做类型补全，后续升级依赖后建议删除这段补丁代码。

内容的提问来源于stack exchange，提问作者Vi Quang Hòa