“組件”不能用作 JSX 組件。 它的元素類型&#39;ReactElement<any, any> | Component&lt;{}, any, any&gt;&#39; 不是有效的 JSX 元素

Question

• 我在存儲庫上運行“yarn build”和/或“npm run build”。 （兩個命令的錯誤相同）
• 我正在嘗試構建此代碼並將其部署到 AWS 環境中，所以現在我只是試圖克服告訴我“編譯失敗”的錯誤
• 該錯誤僅指向整個應用程序中的一個點。 這一行：getLayout(<Component {...pageProps} />)

這是完整的錯誤；

類型錯誤：“組件”不能用作 JSX 組件。 它的元素類型 'ReactElement<any, any> | Component<{}, any, any>' 不是有效的 JSX 元素。

                     <Loader />
                   ) : (
                     getLayout(<Component {...pageProps} />)
                                ^
                   )
                 }
               </AuthConsumer>

錯誤命令失敗，退出代碼為 1。

我已經閱讀了關於“組件不能用作 JSX 組件”的類似問題和帖子，但它們並沒有幫助我繼續前進。

版本：react、@types/react、@types/react-dom，均設置為版本 17.0.2

我已經刪除了 package-lock.json 文件，現在只留下了 yarn-lock.json 文件

我缺少什么線索來解決這個難題？

親切的問候

Answer 1

問題在於最新版本的 @types/react:18.xx 這可能是通過其他一些包的對等依賴項引入您的項目的。

如果您有 .tsconfig 文件，請將以下內容添加到 compilerOptions：

"paths": {
      "react": [ "./node_modules/@types/react" ]
    },