Bug: `No source info found for this element` when using Locator and React dev tool

[trunghieu0207]

Where the bug happens

• [ ] Browser Extension
• [ ] Library
• [x] Other

your browser

Chrome/Edge

Describe the bug

I used the locatorjs with React dev tool extension and then click on the element, and the error display:

To reproduce

My custom project uses the webpack to build React. I not using React app You can reproduce the bug in the steps below:

1. Config in root file using locatorjs. Ex: Index.tsx

   
   import setupLocatorUI from "@locator/runtime";

if (process.env.NODE_ENV === "development") { setupLocatorUI(); }

2. Install React dev tool
3. Try clicking on the component

### Additional information

# [Reason]
I checked the source and discovered the check condition is in the wrong order in `getElementInfo` function.
```javascript
return reactAdapter.getElementInfo(target) ||  jsxAdapter.getElementInfo(target) || svelteAdapter.getElementInfo(target);

• Using JSX

The flow will call the reactAdapter.getElementInfo(target) and it returns null value then flow continues to call jsxAdapter.getElementInfo(target) and it returns the correct value

• Using JSX and React dev tool

The flow will call the reactAdapter.getElementInfo(target) and it NOT returns null value then flow cannot call to jsxAdapter.getElementInfo(target) so the value is incorrect.

[Fix]

I changed from

return reactAdapter.getElementInfo(target) ||  jsxAdapter.getElementInfo(target) || svelteAdapter.getElementInfo(target);

to

return jsxAdapter.getElementInfo(target) || reactAdapter.getElementInfo(target) || svelteAdapter.getElementInfo(target);

and it works normally

@infi-pc You can check it and fix it. My English skill is not good, you can ask me anytime if you find it difficult to understand. This is a very useful tool and I want to apply it to my product Thank for you making the tool!

[zigsong]

Is this issue resolved?

[infi-pc]

yes, should be solved

[viscous-coder]

still not worked. I am not using create react app. I build the app using webpack. console error:- @infi-pc can you please help me to get rid from that problem It is working fine in my other project. But in one project that i build using custom webpack show that error.

[zhanglkx]

still has this problem,i use webpack