I am building a React application and I wanted to use the material-ui framework.

I build a component with a textfield and a button but I can`t click the textfield neither the button their blocked.

Here is the component code:

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


class Descarcare extends React.Component {
constructor(props) {
  super(props);
  this.state = {  };
 
}



render() {
   return(
<div>
<h1>Descarcare</h1>

<TextField id="standard-required" label="ID" InputProps={{
        readOnly: false,
      }}/>
<Button variant="contained" color="primary">
Trimite
</Button>
</div>
   );
}

 }

export default Descarcare;

The component appears in the browser but I can`t press the button it is blocked and so is the input field. I can not write anything in it. Can please someone help me ? Thanks in advance