How to disable third parties spell checker like Grammarly in MUI TextField?

Question

I'm struggling to disable third parties spell checker like Grammarly in MUI TextField which is implemented in a next.js app. I've tried data-gramm:false but it's not working. Below is my TextField component and code what I've tried...

<TextField
    id={`${question.id}`}
    label="Type your answer here"
    multiline
    name={`answer_${question.id}`}
    rows={12}
    spellCheck={false}
    autoCapitalize="off"
    autoComplete="off"
    autoCorrect="off"
    InputProps={{
        'data-gramm': 'false',
        'data-gramm_editor': 'false',
    }}
    variant="outlined"
    defaultValue={value}
    fullWidth
    focused
    helperText={`Words Count: ${wordsCount}`}
    onChange={(e) => {
        handleInputChange(question.id, e.target.value);
        setWordsCount(e.target.value.trim().split(/\s+/).length);
    }}
/>

Browsers inbuilt spell checker is not working using this code but when Grammarly is installed in browser then it's not working.