поля вкладок не отображаются внутри вкладок, но консоли печатают

Question

Я новичок в пользовательском интерфейсе материала.

• когда вы нажимаете кнопку расширенного спортивного поиска, открывается драве, и на этой первой вкладке мне нужно отобразить раскрывающийся список.
• поэтому я включил форму и текстовое поле. Но сейчас я не вижу поля формы.
• Я не вижу ошибок в консоли.
• Даже я отлаживал, ставя консоли, консоли печатают, но не уверен, в чем проблема.
• с песочницей и фрагментом кода ниже.

https://codesandbox.io/s/40mmrl9059

<form className={classes.container} noValidate autoComplete="off">
    {console.log("inside form field---->")}
    <TextField
            id="standard-select-currency-native"
            select
            label="Native select"
            className={classes.textField}
            value={this.state.currency}
            onChange={this.handleChange("currency")}
            SelectProps={{
              native: true,
              MenuProps: {
                className: classes.menu
              }
            }}
            helperText="Please select your currency"
            margin="normal"
          >
          {console.log("inside text field---->")}
          {currencies.map(option => (
              <option key={option.value} value={option.value}>
                 {console.log("inside options field---->")}
                 {option.label}
              </option>
          ))}
    </TextField>
 </form>