[BUG] - pnpm - VSCode's Intellisense doesn't work for all props

[vietan0]

NextUI Version

2.3.6

VSCode Version

1.89.1

Describe the bug

IntelliSense displays some props and not others.

There's no color prop here:

<Button />	<Input />

In <Button />, props like color, onPress, variant, radius don't show up, while props like isLoading, spinner, disableRipple do.

In other components e.g. <Card />, no props show up.

Your Example Website or App

https://stackblitz.com/edit/vitejs-vite-vz9tyq?file=src%2FReproIssue.tsx

Steps to Reproduce the Bug or Issue

1. Go to Stackblitz repo
2. Go to any component's opening tag and open Intellisense by Ctrl + Space

Expected behavior

Full list of props to show up.

Screenshots or Videos

2024-05-19-13-42-44.mp4

Operating System Version

Windows

[linear]

ENG-853 [BUG] - VSCode's Intellisense doesn't work for all props

[wingkwong]

[vietan0]

@wingkwong I have another bug-free nextui project, so I tracked down its type definitions and found out the types I'm missing come from @nextui-org/theme, which reference tailwind_variants.

But tailwind-variants was not installed in @nextui-org/theme:

Expected	Actual

I tried installing tailwind-variants in the root of my project and that didn't work. What should I do to fix this?

[wingkwong]

can you share your package.json and the way you install?

[vietan0]

https://github.com/vietan0/todo-fe/blob/main/package.json

What do you mean by 'the way I install'? I use global installation if that's what you're asking.

[wingkwong]

like are you using pnpm or npm or other package managers. if it is pnpm, make sure you've done this step: https://nextui.org/docs/guide/installation#setup-pnpm-optional

[vietan0]

I found out that "preserveSymlinks": true in tsconfig.json was the culprit. I turned it on a few commits before to fix this issue: pnpm/pnpm#3671, since I turned it off it's been working normally again.