Extension Fails to Find Nested Selectors

[jwalkerinterpres]

Describe the bug
The library's own readme states:

Different types of selectors are supported

Root selectors
Nested selectors

However, nested selectors are not supported, or at least not fully. When you create a nested selector in a CSS file, the extension shows it as not-existing in the JS(/JSX/TS):

As you can see on the left side of the screenshot, my JSX file has a yellow line under the secondParagraph, because (as you can see on the right) the style is defined as a nested style. But if I remove the nesting, the extension recognizes the selector just fine:

To Reproduce
Steps to reproduce the behavior:

1. Create a nested selector
2. Reference that selector in JSX
3. See VS Code add a yellow squiggly line to the selector reference
4. Remove the nesting of the selector
5. See VS Code not add a line under the selector (now)

Expected behavior
It doesn't matter if the selector is nested or not; under the React CSS Modules standard the selector should be reference-able from the JSX.

Screenshots
See above

Desktop (please complete the following information):
I assume this is irrelevant, but

• OS: Mac OS Sonoma 14.3

[Viijay-Kr]

@jwalkerinterpres Thanks for a detailed ticket . This issue is reproducible and valid to me. I will try to resolve it as soon as possible.

[Viijay-Kr]

@jwalkerinterpres the latest version should fix the issue for you .

[jwalkerinterpres]

Thanks so much for the fix (and the extension)!