無效的掛鈎調用 - React

Question

使用 React 開發團隊應用程序 - 我正在嘗試使用 Ag Grid React 來設計示例表。 我添加了代碼，在運行它時會拋出如下錯誤。

錯誤：無效掛鈎調用。 鈎子只能在 function 組件的內部調用。 這可能由於以下原因之一而發生： 1. 你可能有不匹配的 React 版本和渲染器（例如 React DOM） 2. 你可能違反了 Hooks 規則 3. 你可能有多個 React 副本相同的應用程序請參閱https://reactjs.org/link/invalid-hook-call以獲取有關如何調試和修復此問題的提示。

代碼片段下方

import React from 'react';
import {AgGridReact} from 'ag-grid-react';

import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

export default function Project() {
  return (
     <div className="ag-theme-alpine" style={{height: 400, width: 600}}>  
         <AgGridReact>
         </AgGridReact>
       </div>
   )
};

Answer 1

錯誤是由於應用程序文件夾中的 react 版本重復 - 刪除 node_module 文件夾並運行 npm 安裝解決了我的問題。