Отключить проверку орфографии для всех компонентов Material-UI

Question

Есть ли способ глобально отключить проверку орфографии на material-ui компонентах?

До использования библиотеки material-ui я использовал следующий фрагмент для отключения проверки орфографии на всех вновь созданных элементах DOM:

const disableSpellCheck = function(mutations) 
{
    const mutationCount = mutations.length;

    for (let i = 0; i < mutationCount; i++) {
        const mutation = mutations[i];
        if (mutation.attributeName === "spellcheck") {
            const addedNodes = mutation.addedNodes;
            const nodeCount = addedNodes.length;

            for (let n = 0; n < nodeCount; n++) {
                addedNodes[n].setAttribute("spellcheck", "false");
            }
        }
    }
}

const observer = new MutationObserver(disableSpellCheck);

observer.observe(document.getElementById('root'), {
    childList: true, 
    subtree: true,
    attributes: true, 
    attributeFilter: ['spellcheck']
});

Это не похоже на работу с компонентами в material-ui.Поскольку важно, чтобы проверка правописания была отключена во всем приложении, я ищу решение, которое не включает изменение стиля каждого компонента в отдельности.

Answer 1

Для этого необходимо ввести spellCheck реквизит для входов.

Это можно сделать в интерфейсе материалов с помощью:

<Input inputProps={{ spellCheck: 'false' }}/>

Реквизиты по умолчанию могут быть применены ко всемвходы с темой:

const theme = createMuiTheme({
  props: {
    MuiInput: { inputProps: { spellCheck: 'false' } }
  }
});

...

<MuiThemeProvider theme={theme}>...</MuiThemeProvider>