[Typography] Deprecated variants error even though none is used.

Errors show up on browser console after new typography variants are introduced even though none is used.

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

No error

Current Behavior

Browser console shows an error says "Warning: Material-UI: you are using the deprecated typography variants that will be removed in the next major release. Please read the migration guide under https://material-ui.com/style/typography#migration-to-typography-v2"

Steps to Reproduce

1. Create new Create-react-app project (non-ejected) with Material UI v3.3.0
2. Use Typography component.

[blainegarrett]

I can confirm that as of "@material-ui/core": "^3.7.1" you get the warning even if you are not explicitly using any Typography components whatsoever. That said, the error went away when addinguseNextVariants: true, under the typography when creating the theme as directed.

const muiTheme = createMuiTheme({
  typography: {
    useNextVariants: true,
    fontFamily: ...,
 }
 ...
});

[orhunerdem]

@oliviertassinari Hey, after typography v2 if you don’t use one of the migration options you get a console error about it. It doesn’t matter if you use typography component with deprecated variants or not. You get the error/warning.

And even if you do follow the useNextVariants way, there is still another thing to apply which is your theme provider component must be the highest component of your root. It doesn’t matter if you use typography components at all. It seems library just warns you to make sure you understand that typography is changed 😄

Also, maybe other components like TextField uses typography inside with v1 unless you set useNextVariants to true thats why it warns anyway.(not sure)

It’s just seems odd to me that if you don’t use typography v1, you shouldn’t get warned. I don’t know if its the intentional behavior, not a big deal though.