NPM 包无法用作 JSX 组件 - 类型错误

在使用 React 进行开发时，我们经常会使用 NPM 包来扩展我们的项目功能。然而，有时候我们可能会遇到一个问题：某些 NPM 包无法直接用作 JSX 组件，而会出现类型错误的情况。本文将探讨这个问题，并提供解决方案。

jsx
import AwesomeComponent from 'awesome-component';
function App() {
  return (
    
      
    
  );
}

jsx
import AwesomeComponent from 'awesome-component/dist/AwesomeComponent';
function App() {
  return (
    
      
    
  );
}

jsx
import { AwesomeComponent } from 'awesome-component';
function App() {
  return (
    
      
    
  );
}

typescript
declare module 'awesome-component' {
  export const AwesomeComponent: React.FC;
}