Try out tsup experimentalDts

package.json

@@ -81,12 +81,14 @@
     "yarn-deduplicate": "6.0.2"
   },
   "dependencies": {
+    "@microsoft/api-extractor": "^7.41.0",
     "archiver": "6.0.1",
     "cross-env": "7.0.3",
     "dotenv-cli": "7.3.0",
     "eslint-import-resolver-exports": "1.0.0-beta.5",
     "inquirer": "9.2.13",
     "lodash": "4.17.21",
+    "react-query": "^3.39.3",
     "semver": "7.5.4",
     "tsup": "8.0.1",
     "tsx": "4.7.1",

packages/toolpad-app/tsup.config.ts

@@ -47,7 +47,7 @@ export default defineConfig((options) => [
   {
     entry: ['src/exports/*.ts', 'src/exports/*.tsx'],
     format: ['esm'],
-    dts: true,
+    experimentalDts: true,
     silent: true,
     clean: !options.watch,
     outDir: 'dist/exports',

packages/toolpad-components/tsup.config.ts

@@ -1,4 +1,3 @@
-import { spawnSync } from 'child_process';
 import * as fs from 'fs/promises';
 import path from 'path';
 import { defineConfig, Options } from 'tsup';
@@ -24,17 +23,12 @@ function cleanFolderOnFailure(folder: string): EsbuildPlugin {
 export default defineConfig((options) => ({
   entry: ['src/*{.ts,.tsx}'],
   format: ['esm'],
-  dts: false,
+  experimentalDts: true,
   silent: true,
   clean: !options.watch,
   sourcemap: true,
   env: {
     TOOLPAD_BUNDLED_MUI_X_LICENSE,
   },
   esbuildPlugins: [cleanFolderOnFailure(path.resolve(__dirname, 'dist'))],
-  async onSuccess() {
-    // eslint-disable-next-line no-console
-    console.log('build successful');
-    spawnSync('tsc', ['--emitDeclarationOnly', '--declaration'], { shell: true, stdio: 'inherit' });
-  },
 }));

packages/toolpad-core/tsup.config.ts

@@ -1,4 +1,3 @@
-import { spawnSync } from 'child_process';
 import * as fs from 'fs/promises';
 import path from 'path';
 import { defineConfig, Options } from 'tsup';
@@ -21,14 +20,9 @@ function cleanFolderOnFailure(folder: string): EsbuildPlugin {
 export default defineConfig({
   entry: ['src/*{.ts,.tsx}'],
   format: ['esm'],
-  dts: false,
+  experimentalDts: true,
   silent: true,
   sourcemap: true,
   splitting: true,
   esbuildPlugins: [cleanFolderOnFailure(path.resolve(__dirname, 'dist'))],
-  async onSuccess() {
-    spawnSync('tsc', ['--emitDeclarationOnly', '--declaration'], { shell: true });
-    // eslint-disable-next-line no-console
-    console.log('build successful');
-  },
 });

packages/toolpad-utils/package.json

@@ -17,19 +17,34 @@
       "default": "./dist/events.js"
     },
     "./*": {
-      "types": "./dist/*.d.ts",
-      "require": "./dist/*.cjs",
-      "default": "./dist/*.js"
+      "require": {
+        "types": "./dist/*.d.cts",
+        "default": "./dist/*.cjs"
+      },
+      "default": {
+        "types": "./dist/*.d.ts",
+        "default": "./dist/*.js"
+      }
     },
     "./hooks/useBoolean": {
-      "types": "./dist/hooks/useBoolean.d.ts",
-      "require": "./dist/hooks/useBoolean.cjs",
-      "default": "./dist/hooks/useBoolean.js"
+      "require": {
+        "types": "./dist/hooks/useBoolean.d.cts",
+        "default": "./dist/hooks/useBoolean.cjs"
+      },
+      "default": {
+        "types": "./dist/hooks/useBoolean.d.ts",
+        "default": "./dist/hooks/useBoolean.js"
+      }
     },
     "./hooks/*": {
-      "types": "./dist/hooks/*.d.ts",
-      "require": "./dist/hooks/*.cjs",
-      "default": "./dist/hooks/*.js"
+      "require": {
+        "types": "./dist/hooks/*.d.cts",
+        "default": "./dist/hooks/*.cjs"
+      },
+      "default": {
+        "types": "./dist/hooks/*.d.ts",
+        "default": "./dist/hooks/*.js"
+      }
     }
   },
   "files": [

packages/toolpad-utils/tsup.config.ts

@@ -1,6 +1,5 @@
 import * as fs from 'fs/promises';
 import path from 'path';
-import { spawnSync } from 'child_process';
 import { defineConfig, Options } from 'tsup';
 
 type EsbuildPlugin = NonNullable<Options['esbuildPlugins']>[number];
@@ -25,14 +24,9 @@ export default defineConfig((options) => ({
     '!src/**/*.spec.*', // Avoid building tests
   ],
   format: ['esm', 'cjs'],
-  dts: false,
+  experimentalDts: true,
   silent: true,
   clean: !options.watch,
   sourcemap: true,
   esbuildPlugins: [cleanFolderOnFailure(path.resolve(__dirname, 'dist'))],
-  async onSuccess() {
-    // eslint-disable-next-line no-console
-    console.log('build successful');
-    spawnSync('tsc', ['--emitDeclarationOnly', '--declaration'], { shell: true });
-  },
 }));