Debugged: Import path correction for Next.JS (apps/www/content/docs/installation/next.mdx)

[GrungeElFz]

Docs > Next.js

Next.js
Install and configure Next.js

(5) That's it

You can now start adding components to your project.

npx shadcn-ui@latest add button

The command above will add the Button component to your project. You can then import it like this:

import { Button } from "@/components/ui"
 
export default function Home() {
 return (
   <div>
     <Button>Click me</Button>
  </div>
 )
}

---

Ticket: #838

import { Button } from "@/components/ui" will result with:

⚠ Error (TS2307) | Cannot find module or its corresponding type declarations.

---

Correction: import { Button } from "@/components/ui/button"

[vercel]

@GrungeElFz is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[dan5py]

Hi @GrungeElFz, thank you so much. Now that I look closely, also the other framework's imports are incorrect (apart from Astro). Could you please update them too?

[GrungeElFz]

Hi, @dan5py 👋

I'd be happy to update the import paths from other frameworks as well 😊👍

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 3, 2023 3:00pm

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
next-template	⬜️ Ignored (Inspect)	Visit Preview		Aug 3, 2023 3:00pm

[GrungeElFz]

@dan5py

Import path corrections :

import { Button } from "@/components/ui" ← ⚠ Error (TS2307)
↳ ❌ Next.JS
↳ ❌ Gatsby
↳ ❌ Remix
↳ ❌ Vite

import { Button } from "@/components/ui/button" ← Correction
↳ ✅ Next.JS
↳ ✅ Gatsby
↳ ✅ Remix
↳ ✅ Vite

[dan5py]

Awesome. Thank you.

[GrungeElFz]

⇡ Reminder: This pull request has not been merged. [@dan5py]

[jason-hwang]

Let's merge asap 🛠️
I spent a little time on the correction.

@GrungeElFz Nice PR!

[GrungeElFz]

⇡ Reminder: This pull request has not been merged. [@dan5py]

[shadcn]

Somehow this doc typo resulted in several issues and 6 DMs :)

Thanks for the fix!