Not working in .tsx file

[secondl1ght]

What version of VS Code are you using?

v1.89.1

What version of Tailwind CSS IntelliSense are you using?

v0.10.2

What version of Tailwind CSS are you using?

v3.3.6

What package manager are you using?

npm

What operating system are you using?

Linux

Tailwind config

n/a

VS Code settings

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "editor.quickSuggestions": {
    "strings": "on"
  },
  "eslint.validate": ["javascript"],
  "tailwindCSS.classAttributes": [
    "class",
    "className",
    ".*Map*",
    "(?i).*variant*"
  ]
}

Describe your issue

When hovering over Tailwind classes in the className attribute on an element inside a tsx file, no description tooltip appears and the following output shows from Tailwind:

[Error - 11:10:05] Request textDocument/hover failed.
  Message: Request textDocument/hover failed with message: Invalid regular expression: /(?:\s|:|\()(class|\[class\]|className|\[className\]|.*Map*|\[.*Map*\]|(?i).*variant*|\[(?i).*variant*\])\s*=\s*['"`{]/gi: Invalid group
  Code: -32603 

[secondl1ght]

Fixed by removing

  "tailwindCSS.classAttributes": [
    "class",
    "className",
    ".*Map*",
    "(?i).*variant*"
  ]