`Find References` doesn't find lazy loaded React components

[buondevid]

Does this issue occur when all extensions are disabled?: Yes
Does this issue occur in the Insiders build?: Yes
VS Code Version: 1.71.2
OS Version: MacOS 12.5.1 (MacBook Pro 2019)

The problem is that Find References doesn't find React components that are lazy loaded.

Steps to Reproduce:

1. Export a React component.
   

2. Lazy load it somewhere.
   

3. Check that VS Code doesn't find any reference for the component.

Not sure if it's a bug or intended behavior (probably intended), but nonetheless it would be nice that finding references would also find lazy-loaded ones. This forces me to always use standard search (with all the downsides of it) to see if I've used the Component somewhere that references can't find.

[mjbvz]

Please share an minimal example project the demonstrates the problem

[buondevid]

Sure: https://stackblitz.com/edit/react-ts-wtgage?file=App.tsx

If you right-click on App function in App.tsx and then select "Go to References", it won't find anything despite having it imported (lazy-loaded) and used in index.tsx.

[mjbvz]

Thanks @buondevid

This is not related to react. Minimal example:

// a.ts
export default function foo() { }

// other.ts
const a = import('./a');

Find all references doesn't pick up the default export referenced through the import extension

[buondevid]

Yea, I guessed so, any way VSCode can support this in Find References? It feels like something that should be included in the reference results and could mislead people counting on it. @mjbvz

[laurensmartz]

I have the same problem in js file.

[altsanz]

Thanks @buondevid

This is not related to react. Minimal example:

// a.ts
export default function foo() { }

// other.ts
const a = import('./a');

Find all references doesn't pick up the default export referenced through the import extension

Only if the import has that format. The following is working for me:

import a from './a';

See repro https://stackblitz.com/edit/react-ts-wtgage?file=App.tsx

[buondevid]

Only if the import has that format. The following is working for me:

import a from './a';

See repro https://stackblitz.com/edit/react-ts-wtgage?file=App.tsx

But

import a from './a';

is not a lazy load import, isn'it? The issue is on lazy-load imports so import().

[RyanCavanaugh]

const a = import('./a'); is not a reference to the default export. a.default would be.