Color picker does not register for color strings in .tsx files

Describe the bug (including copyable syntax) The built-in VSCode color picker normally shows up next to color strings (i.e. hex, rgb) within typescriptreact and javascriptreact files. After updating to the newest version, these color strings are no longer considered ranges to trigger the color picker.

Screenshot Version 1.7.3:

Version 1.7.2:

To Reproduce Create a .tsx file with the following content:

const red = '#ff0000'

Expected behavior The built-in VSCode color picker appears next to the hex color string.

Build environment (please complete the following information):

• OS: macOS 12.1
• VSCode Version: 1.65.1
• Extension Version 1.7.3

[zqy233]

Thanks for raising @DanielHZhang Would you be ok to work on this?

https://github.com/styled-components/vscode-styled-components/blob/master/CONTRIBUTING.md

you would just need to clone this project, npm install, then launch the extension

I found it was the problem with “esbuild”, use “0.14.2” or “0.14.3” , it would be ok , but later version ,Color picker does not work such as “0.14.23” and “0.14.25”

[jasonwilliams]

This should be fixed in 1.7.4 https://github.com/styled-components/vscode-styled-components/releases/tag/v1.7.4