Skip to content

Rename symbol renamed element declaration in node_modules #63450

@EvertsRozz

Description

@EvertsRozz

Does this issue occur when all extensions are disabled?: Yes

  • VS Code Version: Insider (don't remember the precise version, explained below)
  • OS Version: 10.0.19044 Build 19044 (Microsoft Windows 10 IoT Enterprise LTSC)

Steps to Reproduce:

  1. use "Rename Symbol" [F2 default keybind] to rename a jsx/tsx element in a .tsx file (in my case it was p -> span)

Expected outcome:

element to be renamed to the entered one (span)

Actual outcome:

  1. Renamed the element's declaration in node_modules/@types/react/index.d.ts for the entire project.
  2. renamed the element in the file i was working in to span (effectively still remaining a paragraph element)
  3. code editor throwing error Property 'p' does not exist on type 'JSX.IntrinsicElements'. anywhere where element p is used
// code snippet from node_modules/@types/react/index.d.ts
span: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;

Additional information:

This happened around a month ago, therefore I cannot recall the version I was on.
I had attempted reinstalling packages, code editors (both insider and default one), package managers (npm, bun, yarn, pnpm), with and without tsgo.
Could not fix the error during this whole time, so I worked on the project on a different machine which didn't have the issue.

Let me know if there if you need any additional information

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions