Summary

When I bring in a package component into my web app:

https://github.com/codingChewie/turborepo-testing/blob/main/apps/web/app/page.tsx#L5

I'm told after running a root level dev command:

pnpm run dev

reports with the error of:

Module not found: Can't resolve '@repo/shadcn/button'

package/shadcn

in the package I'm not getting any errors:

cd packages/shadcn && pnpm i && pnpm run dev

Found 0 errors. Watching for file changes.

but I'm wondering is my export incorrect in package.json?

or am I setting up my tsconfig.json incorrectly:

{
  "extends": "@repo/config-typescript/react-library.json",
  "compilerOptions": {
    "outDir": "dist",
    "rootDir": "src"
  },
  "baseUrl": "src",
  "include": ["src"],
  "exclude": ["dist", "build", "node_modules"]
}

Component reference from the same package

I am also noticing that in another component (Carousel) that to import I have to do:

import {Button} from './button.js'

and it errors when I try:

import {Button} from '@shadcn/button'

reference point.

I looked for examples but am not seeing a good reference. What am I doing wrong here or am misunderstanding from the documentation?

Additional information

No response

Example

https://github.com/codingChewie/turborepo-testing