dubinc · versecafe · Jan 19, 2024 · Jan 19, 2024 · Jan 20, 2024 · Jan 20, 2024
diff --git a/package.json b/package.json
@@ -9,7 +9,7 @@
     "clean": "turbo clean",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "publish-tw": "turbo build --filter='@dub/tailwind-config' && cd packages/tailwind-config && npm publish && cd ../../",
-    "publish-ui": "turbo build --filter='@dub/ui' && cd packages/ui && npm publish && cd ../../",
+    "publish-ui": "cd packages/ui && npm publish && cd ../../",
     "publish-utils": "turbo build --filter='@dub/utils' && cd packages/utils && npm publish && cd ../../",
     "script": "echo 'Run this script in apps/web'"
   },

diff --git a/packages/ui/README.md b/packages/ui/README.md
@@ -9,3 +9,18 @@ To install the package, run:
 ```bash
 pnpm i @dub/ui
 ```
+
+### Transpiling
+
+As of version `0.1.0` the package is not bundled, this means transpiling the module is 
+highly recommended, this was done to support React Server Components.
+
+If you are using NextJS this is as simple as:
+
+```js
+// next.config.js
+/** @type {import('next').NextConfig} */
+module.exports = {
+  transpilePackages: ["@dub/ui"]
+}
+```
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -7,7 +7,6 @@
   "types": "./src/index.tsx",
   "scripts": {
     "lint": "eslint src/",
-    "dev": "tsup --watch",
     "check-types": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -26,7 +25,6 @@
     "react": "^18.2.0",
     "tailwindcss": "^3.3.3",
     "tsconfig": "workspace:*",
-    "tsup": "^6.1.3",
     "typescript": "^5.1.6"
   },
   "dependencies": {

diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import { cn } from "@dub/utils";
 import { ReactNode } from "react";
 import { LoadingSpinner } from "./icons";

diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts