我应该如何使用React Hooks来使用ag-grid api呢？

npm install react ag-grid-community ag-grid-react

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

const rowData = [
  { make: 'Toyota', model: 'Camry', price: 25000 },
  { make: 'Honda', model: 'Accord', price: 30000 },
  { make: 'Ford', model: 'Fusion', price: 28000 }
];

const columnDefs = [
  { headerName: 'Make', field: 'make' },
  { headerName: 'Model', field: 'model' },
  { headerName: 'Price', field: 'price' }
];

const [gridOptions, setGridOptions] = useState({});
const [gridApi, setGridApi] = useState({});

return (
  <div className="ag-theme-alpine" style={{ height: '400px', width: '600px' }}>
    <AgGridReact
      rowData={rowData}
      columnDefs={columnDefs}
      gridOptions={gridOptions}
      onGridReady={(params) => setGridApi(params.api)}
    ></AgGridReact>
  </div>
);

useEffect(() => {
  setGridOptions({ animateRows: true }); // 设置表格动画效果

  if (gridApi) {
    gridApi.sizeColumnsToFit(); // 调整列宽适应容器大小
  }
}, [gridApi]);