類型 'React.ReactNode' 不可分配給類型 'import(".../@types/react-transition-group/node_modules/@types/react/index").ReactNode'

Question

我使用過 React 項目，與 Circle CI 集成，經過一些小的更改后，它開始使所有構建失敗

Its instance type 'ReactApexChart' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/home/circleci/app.mxney-board-v2.test/node_modules/@types/react-transition-group/node_modules/@types/react/index").ReactNode'.

79       <Chart options={fillOptions} series={graphData} height={chartHeight} />
          ~~~~~

src/index.tsx:20:8 - error TS2786: 'App' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<Omit<Subtract<unknown, WithTranslationProps>, keyof WithTranslation<N>> & WithTranslationProps, any, any> | null' is not a valid JSX element.
    Type 'Component<Omit<Subtract<unknown, WithTranslationProps>, keyof WithTranslation<N>> & WithTranslationProps, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<Omit<Subtract<unknown, WithTranslationProps>, keyof WithTranslation<N>> & WithTranslationProps, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/home/circleci/app.mxney-board-v2.test/node_modules/@types/react-transition-group/node_modules/@types/react/index").ReactNode'.

20       <App />
          ~~~

在本地，項目運行沒有問題。

我試過了：

• 更新@types 和庫
• 刪除 react-apexchart 庫
• 刪除反應過渡庫
• 刪除 yarn.lock 一個 node_modules 並重新安裝 - 這會破壞一切，我在本地收到此錯誤

Answer 1

您的@types/react是否與您安裝的 react 版本匹配？