要使用Material组件而不使用SystemJS，可以按照以下步骤进行操作：

1. 在项目中安装AG-GRID和Material组件：

npm install ag-grid-community ag-grid-react
npm install @material-ui/core @material-ui/icons

2. 在你的代码中引入AG-GRID和Material组件：

import React from 'react';
import { AgGridReact } from 'ag-grid-react';
import { Button } from '@material-ui/core';
import { AddCircle } from '@material-ui/icons';

...

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      columnDefs: [
        { headerName: "Make", field: "make" },
        { headerName: "Model", field: "model" },
        { headerName: "Price", field: "price" }
      ],
      rowData: [
        { make: "Toyota", model: "Celica", price: 35000 },
        { make: "Ford", model: "Mondeo", price: 32000 },
        { make: "Porsche", model: "Boxster", price: 72000 }
      ]
    };
  }

  render() {
    return (
      

        
          
          Add Row
        
        

          
        
      
    );
  }
}

export default App;

3. 在你的Webpack配置文件中，确保使用Babel进行转译，并引入Material的样式：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react']
          }
        }
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      }
    ]
  }
};

这样就可以在React应用中使用AG-GRID和Material组件了，并且不需要使用SystemJS。