BUG: Tags syntax highlighting in `React` components doesnt work for components that have `children`

[psnet]

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

• VS Code Version: 1.101.2
• OS Version: Windows_NT x64 10

Steps to Reproduce

1. Lets have test code:

import React from 'react';
import {View} from 'react-native';
import {ComponentWithoutChildren} from './ComponentWithoutChildren';

export const Test = () => {
    return (
        <>
            <View>
                <ComponentWithoutChildren />
            </View>

            <View>
                <ComponentWithoutChildren />
            </View>

            {/* its only for testing bug purposes, RN doesnt support div tags for mobile */}
            <div>
                hello
            </div>

            <div>
                hello
            </div>
        </>
    );
};

2. If we put cursor at component ComponentWithoutChildren which doesnt have children so it is "self closed tag" and vs code will highlight all its occurrences:

3. If we put cursor at component View which has children so it is NOT "self closing tag" and vs code will highlight only current pair but forgot to highlight all other its occurrences:

the same is for div tags that present in test example code.

Problem

So different tags are highlighted differently and this causes confusion and even wrong quick understanding of code.

[mjbvz]

I believe this is by design: in jsx, we highlight matching tags if they exist instead of highlighting all occurrences. For a self closing tag though, we instead show all occurrences since this is more useful

This is inconsistent but seems like the most useful behavior. However moving upstream to TS for further feedback

[RyanCavanaugh]

Agreed. Highlighting giving you the most useful info based on context is a feature, not a bug.

[typescript-bot]

This issue has been marked as "Not a Defect" and has seen no recent activity. It has been automatically closed for house-keeping purposes.

[psnet]

@RyanCavanaugh maybe add option to settings for highlight all tags? to be aligned with short tags?