Typography component no longer accepts the theme callback after upgrading to v6

[sanketnaik99]

Steps to reproduce

Link to live example: (required)

Steps:

1. Pass a theme callback to the color prop in Typography as follows -

<Typography
    variant='subtitle2'
    color={ theme => theme.palette.gray.main }
>
        Hello World!
</Typography>

Current behavior

The theme callback throws an error that says - 'Parameter theme implicitly has an any type'

Expected behavior

The theme callback should be accepted like it was in the previous version of MUI and is also accepted by other components such as Box and Stack

Context

We have a fairly large application that uses Typography everywhere. We usually use the color prop to set the color for the text pass the theme callback and use it to pull the specified colors from our theme.

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.6.1
  Binaries:
    Node: 20.16.0 - ~/.nvm/versions/node/v20.16.0/bin/node
    npm: 10.8.1 - ~/.nvm/versions/node/v20.16.0/bin/npm
    pnpm: 8.15.5 - /opt/homebrew/bin/pnpm
  Browsers:
    Chrome: 127.0.6533.120
    Edge: Not Found
    Safari: 17.6
  npmPackages:
    @emotion/react: ^11.11.4 => 11.13.3 
    @emotion/styled: ^11.11.5 => 11.13.0 
    @mui/base:  5.0.0-beta.58 
    @mui/core-downloads-tracker:  6.0.0 
    @mui/icons-material: ^6.0.0 => 6.0.0 
    @mui/lab: ^6.0.0-beta.8 => 6.0.0-beta.8 
    @mui/material: ^6.0.0 => 6.0.0 
    @mui/material-nextjs: ^6.0.0 => 6.0.0 
    @mui/private-theming:  6.0.0 
    @mui/styled-engine:  6.0.0 
    @mui/system: ^6.0.0 => 6.0.0 
    @mui/types:  7.2.16 
    @mui/utils:  6.0.0 
    @mui/x-charts: ^7.14.0 => 7.14.0 
    @mui/x-charts-vendor:  7.14.0 
    @mui/x-data-grid-pro: ^7.14.0 => 7.14.0 
    @mui/x-date-pickers-pro: ^7.14.0 => 7.14.0 
    @mui/x-internals:  7.14.0 
    @mui/x-license:  7.14.0 
    @types/react: ^17.0.38 => 17.0.80 
    react: ^18.3.1 => 18.3.1 
    react-dom: ^18.3.1 => 18.3.1 
    typescript: ^5.3.3 => 5.5.4 

Search keywords: Typography, v6

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

We value your feedback @sanketnaik99! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!

[zsidnam]

@sanketnaik99 did you figure out what was going on here? Is it related to using the latest version of TypeScript? I just upgraded TypeScript and started running into this 😞

[sanketnaik99]

@zsidnam Yeah I just ran the codemod for system props and it migrated all of the color props to sx.