Impossible d'utiliser "startIcon" et "endIcon" de <Button /> API de Material-UI

Question

Voici mon simple code React pour un seul composant, mais il continue de lancer le même avertissement à chaque fois que je vérifie. Même lorsque je copie et passe l'exemple toujours le même avertissement et que l'icône est nulle part pour être vue Veuillez aider!

Lien

import React, { Component } from 'react';
import { Button } from '@material-ui/core';
import AddIcon from '@material-ui/icons/Add';


class AddWorkButton extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return (  
            <React.Fragment>
                <Button
                        variant="contained"
                        color="secondary"
                        startIcon={<AddIcon/>}
                >
                    TEST
                </Button>
            </React.Fragment>
        );
    }
}

export default AddWorkButton;

Answer 1

  <Button variant="contained" color="primary" >
          Send <ArrowForwardIcon /> </Button>

Je ne sais pas quel est le bon chemin mais je l'ai fait fonctionner de cette façon,