DevExtreme components are displayed as Anonymous Component in Dev.Tools

[artem-kurchenko]

Vue devtools version

6.5.0

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-fqjfed

Steps to reproduce & screenshots

Open a link in a stand-alone page: webcontainer.io Inspect the DxButton component in Vue Dev.Tools

What is expected?

Component's name is not detected. It's always displayed as Anonymous Component https://monosnap.com/file/9QjkLTcBX1Ir889N6lMUxz2vJvEggt

What is actually happening?

Component's Name should be properly displayed

System Info

Windows 10, Chrome Version 111.0.5563.147  
"vue": "3.2.47"

Any additional comments?

At the same time component name detection works for a Vue project in CodeSandBox.

Link: https://wlr42p.csb.app/ Screenshot: https://monosnap.com/file/AFZR0ag3Bqj6WojgBOfgpz4B0wVejc

I also found:

• a fix that doesn't work for the DevExtreme library in certain cases: https://github.com/vuejs/devtools/pull/2020
• a similar issue that's still open: https://github.com/vuejs/devtools/issues/1940