如何在React Typescript应用程序中使用react-bootstrap

Question

我的package.json中包含以下内容作为依赖项。

"dependencies": {
  "@types/react": "16.9.11",
  "@types/react-bootstrap": "^0.32.20",
  "@types/react-dom": "16.9.4",
  "react": "^16.8.6",
  "react-bootstrap": "^0.33.0",
  "react-dom": "^16.11.0"
}

已在我的component.tsx文件中导入了react-bootstrap。

import { Button } from 'react-bootstrap';

尝试使用Button和以下变体：

<Button variant="primary" >Click Me</Button>

但是我收到以下错误

  

属性'variant'在类型'IntrinsicAttributes和   IntrinsicClassAttributes＆Readonly＆Readonly <{   孩子...'。