当使用AgGrid的"serverSide"行模型时，AgGrid默认提供了两个覆盖组件：加载和无数据。这些组件用于在数据加载或数据为空时显示相应的提示信息。

然而，如果你想自定义这些覆盖组件，AgGrid的"serverSide"行模型可能无法识别你的自定义组件。为了解决这个问题，你可以使用AgGrid提供的"overlayLoadingTemplate"和"overlayNoRowsTemplate"属性来自定义覆盖组件。

下面是一个示例代码，展示了如何使用自定义组件来替换默认的加载和无数据覆盖组件：

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';

// 自定义加载覆盖组件
const CustomLoadingOverlay = () => {
  return (
    

      
Loading...
    
  );
};

// 自定义无数据覆盖组件
const CustomNoRowsOverlay = () => {
  return (
    

      
No Data
    
  );
};

const App = () => {
  return (
    

      }
        overlayNoRowsTemplate={}
        // 其他配置项...
      />
    
  );
};

export default App;

在上面的代码中，我们首先定义了两个自定义组件CustomLoadingOverlay和CustomNoRowsOverlay，分别用于替换默认的加载和无数据覆盖组件。然后，在AgGridReact组件中，我们使用overlayLoadingTemplate和overlayNoRowsTemplate属性将自定义组件传递给AgGrid，以便替换默认的覆盖组件。

通过这种方法，你可以自定义加载和无数据覆盖组件，使其符合你的应用需求。