React MUI-设置textarea以采用父元素的高度

Question

我正在将react mui library v3.9.3用于项目中的UI组件。我有一个textarea字段：

  <div className={classes.fieldWrappper}>
    <TextField
      id="filled-multiline-static"
      label="Oppgavetekst"
      multiline
      value={tekst}
      onChange={onTekstChange}
      InputProps={{classes: {root: classes.textArea}}}
      InputLabelProps={{
        shrink: true,
      }}/>
  </div>

我已经这样设置fieldWrapper和textArea的样式：

fieldWrappper: {
    position: 'relative',
    display: 'grid',
  },
  textArea: {
    height: '100%',
    background: 'white',
  },

但是，文本区域并没有占据fieldWrapper的整个高度。您可以在这里看到它：

看起来MuiInputBase已达到父元素的完整高度。

在控制台元素检查器中，我可以看到，如果将MuiPrivateTextarea-root更改为高度100%，则textarea将占据整个高度。但是，我在代码中看不到任何位置以及如何执行此操作的示例？