Renaming a component doesn't change references

[luabud]

Testing #180769

I have two files open, one called "MyComponent2.tsx" with the following content:

import React from 'react';

function MyComponent2() {
        
  return (
    <div>
      <header>
        <nav>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
          </ul>
        </nav>
      </header>
      <main>
        <h1>Welcome to My Website!</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit ipsum eu tortor bibendum fringilla.</p>
        <p>Maecenas ut semper dolor. Praesent finibus arcu at augue convallis, ac vestibulum dui luctus.</p>
      </main>
      <footer>
        <p>&copy; 2023 My Company. All rights reserved.</p>
      </footer>
    </div>
  );
}

export default MyComponent2;

And then I have another one called "App.tsx"

import React from 'react';
import MyComponent2 from './MyComponent2';

function App() {
  return (
    <div>
      <p>My App</p>
      <MyComponent2></MyComponent2> 
    </div>
  );
}

export default App;

Renaming MyComponent2 on line 8 in the App.tsx file edits both tags correctly, but it doesn't rename the component itself. If I rename the symbol on line 2, it updates the tags correctly:

I also noticed that if I only have <MyComponent2 /> on line 8 instead of the opening and closing tags, and I try to rename it, it seems to fail silently. Happy to file a separate bug if it'd be helpful:

[mjbvz]

When you're on a tag, both linked editing and F2 (post #159534) only rename the matching tag. They don't rename all references to the tag. For that you can run F2 on the component itself

This behavior matches how linked editing and F2 work in html files

[luabud]

@mjbvz That's fair, although I didn't expect rename to silently fail as you can see on the last GIF. At least the component itself should be renamed, no?