Skip to content

Material Icons V9 seems to break TS indexing in VS Code #48364

@mliebold-jax

Description

@mliebold-jax

Steps to reproduce

Steps:

  1. Create a new Vite React app using the React Typescript template
  2. I Installed MUI V9 and everything was fine: pnpm add @mui/material @emotion/styled @emotion/react
  3. I then install Material Icons v9: pnpm add @mui/icons-material
  4. Now if you reload the window, tsconfig.app.json will never finish initializing and it will show an alert saying The JS/TS language service crashed 5 times in the last 5 Minutes.
  5. If you remove the MUI icons package the issue stops.

My VS Code is on the latest version as well as all my extensions. I also tried disabling all extensions as well.

Downgrading to React 18 and MUI 7 fixes the issue but would love to use the latest version if I can figure out what the issue is.

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: VS Code, TS Server, TS Indexing, MUI, Material UI Icons

Metadata

Metadata

Assignees

No one assigned

    Labels

    external dependencyBlocked by external dependency, we can’t do anything about it.scope: iconsChanges related to the icons.v9.x

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions