feat: add use client directive

ppdbultimate · Jan 11, 2024 · 2eed80c · 2eed80c
1 parent f2f28ce
commit 2eed80c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts
@@ -3,13 +3,19 @@ import type { Options } from 'tsup';
 const { NODE_ENV } = process.env;
 
 export const tsup: Options = {
-  splitting: true,
+  // Set to false to prevent 'use client' directive error in esbuild
+  splitting: false,
   clean: true,
   dts: true,
   format: ['cjs', 'esm'],
   minify: NODE_ENV === 'production',
   skipNodeModulesBundle: true,
   target: 'es2020',
   entry: ['src/index.tsx'],
-  external: ['react'],
+  external: ['react', 'react-dom'],
+  esbuildOptions(options) {
+    options.banner = {
+      js: '"use client"',
+    };
+  },
 };