You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: acceptance/apps/init-template/app/output.txt
+12-4Lines changed: 12 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -91,7 +91,15 @@ export const querySchemas = {
91
91
};
92
92
```
93
93
94
-
**Step 3: Add visualization to your app**
94
+
**Step 3: Run typegen (REQUIRED after any schema change)**
95
+
96
+
```bash
97
+
npm run typegen
98
+
```
99
+
100
+
This regenerates `client/src/appKitTypes.d.ts` with your new query types. **Without this step, TypeScript will not recognize your query keys and builds will fail.**
101
+
102
+
**Step 4: Add visualization to your app**
95
103
96
104
```typescript
97
105
// client/src/App.tsx
@@ -102,9 +110,9 @@ import { BarChart } from '@databricks/appkit-ui/react';
102
110
103
111
**That's it!** The component handles data fetching, loading states, and rendering automatically.
104
112
105
-
**To refresh TypeScript types after adding queries:**
106
-
- Run `npm run typegen` OR run `npm run dev` - both auto-generate type definitions in `client/src/appKitTypes.d.ts`
107
-
- DO NOT manually edit `appKitTypes.d.ts`
113
+
**⚠️ CRITICAL: Always run `npm run typegen` after modifying files in `config/queries/`**
114
+
- DO NOT manually edit `client/src/appKitTypes.d.ts` - it is auto-generated
115
+
- If you see errors like `'"my_query"' is not assignable to parameter of type`, run `npm run typegen`
0 commit comments