Repository: ui
Issue: [bug]: Property 'className' does not exist on type 'AlertDialogPortalProps'.
Labels: bug

### Describe the bug

Hey guys,

I don't know if this is a bug in Next.js 14 or anything else. I generally I don't seem understand what is causing this problem nor being able to find a solution.

When I deploy my Next.js 14 web app using Vercel which is leveraging many components from shadcn-ui library, I get a deployment error in regards to a component called **AlertDialogPortalProps** which is meant to be in the components/ui directory. 

When I look at the directory components/ui there is not a .tsx component file called **AlertDialogPortalProps** and if I look at the content of all the existing component files, it doesn't even have any variable references to this.

I am extremely confused and lost at the moment. Please help 🙏🏼

**PS: If I run the app in localhost, it works perfectly, there is no error thrown by this component, this only happens during the deployment in Vercel.**

Thanks

![Screenshot 2024-12-12 at 11 45 43](https://github.com/user-attachments/assets/5560c7be-3872-42fa-ba66-63eeb95f66d2)

<img width="253" alt="Screenshot 2024-12-12 at 11 51 54" src="https://github.com/user-attachments/assets/3880b56c-34fd-4094-ab51-70b7bdada492" />



### Affected component/components

AlertDialogPortalProps

### How to reproduce

1. Created a new component for the Add Product page using a variety of shadcn-ui components.
2. Created a page route with page.tsx
3. Committed the changes
4. The changes work perfectly fine in localhost
5. When deploying in Vercel I get an error with the component AlertDialogPortalProps' which is not existing in the components/ui folder.

### Codesandbox/StackBlitz link

_No response_

### Logs

```bash
[00:21:59.796] Running build in Washington, D.C., USA (East) – iad1
[00:21:59.908] Cloning github.com/Desk888/Grabit-UI-NextJS (Branch: main, Commit: 9a1728e)
[00:21:59.917] Skipping build cache, deployment was triggered without cache.
[00:22:18.621] Cloning completed: 18.713s
[00:22:19.009] Running "vercel build"
[00:22:19.445] Vercel CLI 39.2.0
[00:22:19.842] WARNING: You should not upload the `.next` directory.
[00:22:19.849] Installing dependencies...
[00:22:24.916] npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported
[00:22:25.328] npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
[00:22:28.530] npm warn deprecated eslint@8.57.1: This version is no longer supported. Please see https://eslint.org/version-support for other options.
[00:22:34.736] 
[00:22:34.737] added 555 packages in 14s
[00:22:34.737] 
[00:22:34.737] 177 packages are looking for funding
[00:22:34.738]   run `npm fund` for details
[00:22:34.760] Detected Next.js version: 14.2.20
[00:22:34.767] Running "npm run build"
[00:22:35.255] 
[00:22:35.256] > marketplace-nextjs@0.1.0 build
[00:22:35.256] > next build
[00:22:35.256] 
[00:22:35.969] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[00:22:35.969] This information is used to shape Next.js' roadmap and prioritize features.
[00:22:35.969] You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
[00:22:35.969] https://nextjs.org/telemetry
[00:22:35.969] 
[00:22:36.030]   ▲ Next.js 14.2.20
[00:22:36.030]   - Environments: .env
[00:22:36.031] 
[00:22:36.110]    Creating an optimized production build ...
[00:22:38.004] (node:212) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
[00:22:38.005] (Use `node --trace-deprecation ...` to show where the warning was created)
[00:22:48.040] (node:284) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
[00:22:48.041] (Use `node --trace-deprecation ...` to show where the warning was created)
[00:22:54.528]  ✓ Compiled successfully
[00:22:54.529]    Linting and checking validity of types ...
[00:23:00.922] Failed to compile.
[00:23:00.923] 
[00:23:00.923] ./components/ui/alert-dialog.tsx:14:3
[00:23:00.923] Type error: Property 'className' does not exist on type 'AlertDialogPortalProps'.
[00:23:00.923] 
[00:23:00.924] [0m [90m 12 |[39m[0m
[00:23:00.924] [0m [90m 13 |[39m [36mconst[39m [33mAlertDialogPortal[39m [33m=[39m ({[0m
[00:23:00.924] [0m[31m[1m>[22m[39m[90m 14 |[39m   className[33m,[39m[0m
[00:23:00.924] [0m [90m    |[39m   [31m[1m^[22m[39m[0m
[00:23:00.924] [0m [90m 15 |[39m   children[33m,[39m[0m
[00:23:00.924] [0m [90m 16 |[39m   [33m...[39mprops[0m
[00:23:00.924] [0m [90m 17 |[39m }[33m:[39m [33mAlertDialogPrimitive[39m[33m.[39m[33mAlertDialogPortalProps[39m) [33m=>[39m ([0m
[00:23:00.980] Error: Command "npm run build" exited with 1
[00:23:01.315]
```


### System Info

```bash
Next.js 14, shadcn-ui, deployed in Vercel.
```


### Before submitting

- [X] I've made research efforts and searched the documentation
- [X] I've searched for existing issues