suspense

Author: sdairs

apps/web/src/app/page.tsx

@@ -8,8 +8,15 @@ import { checkToolState, InvalidTokenError } from '@/lib/tinybird';
 import { TOOLS, type AppGridItem, type ToolState } from '@/lib/constants';
 import TokenPrompt from '@/components/token-prompt';
 import { SectionHeader } from '@/components/section-header';
+import { Suspense } from 'react';
 
-export default function Home() {
+export default function Page() {
+  <Suspense>
+    <Home />
+  </Suspense>
+}
+
+function Home() {
   const [token, setToken] = useQueryState('token');
   const [toolStates, setToolStates] = useState<Record<string, ToolState>>({});
   const [isLoading, setIsLoading] = useState(false);

apps/web/src/lib/tinybird.ts

@@ -1,3 +1,5 @@
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+
 import { type ToolState } from './constants';
 
 export class InvalidTokenError extends Error {
@@ -35,7 +37,7 @@ export async function listDataSources(token: string): Promise<TinybirdDataSource
 
 export interface QueryResult {
   meta: Array<{ name: string; type: string }>;
-  data: Array<Record<string, unknown>>;
+  data: Array<Record<string, any>>;
   rows: number;
   statistics: {
     elapsed: number;