Data-grid > Error during fetching with shadcn CLI - unexpected double quote

[johannpinson]

Hello,

I got an issue for adding the data-grid component with the shadcn CLI:

../../../../../../../var/folders/ly/7bqq4kj17bqb470gg7xxn3nm0000gp/T/shadcn-fjDjWp/data-grid-table.tsx:534:118 - error TS1109: Expression expected.

534           "[&[data-pinned][data-last-col]]:border-border data-pinned:bg-background/90 data-pinned:backdrop-blur-xs" [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s!",
                                                                                                                         ~
../../../../../../../var/folders/ly/7bqq4kj17bqb470gg7xxn3nm0000gp/T/shadcn-fjDjWp/data-grid-table.tsx:534:131 - error TS1005: ',' expected.

534           "[&[data-pinned][data-last-col]]:border-border data-pinned:bg-background/90 data-pinned:backdrop-blur-xs" [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s!",
                                                                                                                                      ~
../../../../../../../var/folders/ly/7bqq4kj17bqb470gg7xxn3nm0000gp/T/shadcn-fjDjWp/data-grid-table.tsx:534:151 - error TS1005: ']' expected.

after adding manually the components and files (from https://reui.io/docs/base/data-grid), i see a double quote which may generate the error when the component is imported from the JSON

https://raw.githubusercontent.com/keenthemes/reui/refs/heads/main/public/r/styles/base-vega/data-grid.json

Thank you for this awesome component (and the others 😉)

[sean0205]

@johannpinson can you paste here your projects components.json content ? Which CLI command are you using ?

[johannpinson]

Hey @sean0205,

Effectively, i just try to add the component inside a fresh repo and the CLI works.
But the PR created (#87) is still revelant because the actual className is invalid with the double quote.

For my case, the only "custom" config is the aliases key, because the project (monorepo with turborepo) use globally node subpath imports/exports instead of the tsconfig path aliases (as recommended in the shadcn docs):

"aliases": {
  "components": "#components",
  "utils": "#lib/utils",
  "hooks": "#hooks",
  "lib": "#lib",
  "ui": "@monorepo/ui/components"
},

This is the CLI command: npx -w @monorepo/ui shadcn add @reui/data-grid
I see that node subpath is available on the canary tag but i didn't try it.

[johannpinson]

Hello Sean,
Despite on my strange CLI error, had you take a look about my PR which fix the double-quote issue?

Thanks,