Typography Migration Error on TextField

Current Behavior

Some warning about migrating to Typagraphy V2 appeared on my console. I tried to resolve most of them, but an error appears everytime I type on a TextField. The error is as follows:

index.js:2178 Warning: Material-UI: You are using the typography variant body1 which will be restyled in the next major release. Please read the migration guide under https://material-ui.com/style/typography#migration-to-typography-v2

Tech	Version
Material-UI	v3.2.0

[ablakey]

Here’s an example of how to make a custom Mui theme that passes in the override config:

import React from 'react';
import { render } from 'react-dom';
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import Root from './Root';

const theme = createMuiTheme({
  typography: {
    useNextVariants: true,
    suppressDeprecationWarnings: true
  }
});

function App() {
  return (
    <MuiThemeProvider theme={theme}>
      <Root />
    </MuiThemeProvider>
  );
}

render(<App />, document.querySelector('#app'));

I found this to be the easiest way to address this issue and move on for now.

[ablakey]

I’m seeing a lot of typography variant warnings for things I don’t control. I updated all my uses of Typography, but I still get a ton of them, I think, as a result of Material UI components that internally use Typography.

Finding the source is difficult because the trace for these warnings just takes me into the react-dom.development.js dispatch calls and never reveals the original component calling render() that causes this.