Прокрутка, добавляемая в тело после закрытия модальной опции Material-UI

Question

У меня есть тег выбора с MenuItems , но после выбора мне автоматически добавляется прокрутка в моем теле

<Select
                              value={stp_dataId}
                              onChange={e=>this.setState({stp_dataId:e.target.value})}
                              input={<Input name="data" id="dataId" />}
                              disabled={stp_dataId || stp_dataDisable}
                            >
                              <MenuItem selected disabled value="" style={{padding:'3px', fontSize:'12px'}}>
                              <em>None</em>
                            </MenuItem>
                            {data.map(option => (
                              <MenuItem key={option.value} value={option.value} style={{padding:'5px', fontSize:'15px'}}>
                                {option.label}
                              </MenuItem>
                            ))}
                            </Select>

Теперь, когда я закрываю меню, выбирая или щелкая в другом месте, мое тело добавляет стиль как переполнение: scroll

Даже если у меня есть это в моем теле

style="overflow-y: hidden !important"

Я видел много проблем, связанных с тем, как ее решить, но я не получаю классы Material-ui, которые могли бы предотвратить это.

У меня есть изображения, чтобы показать, что на самом деле происходит в поле зрения