feat: add skipBatch context to TRPC queries in insights components

Author: moonrailgun

src/client/components/insights/ChartRender.tsx

@@ -75,15 +75,24 @@ export const ChartRender: React.FC<ChartRenderProps> = React.memo((props) => {
     [dateRange, dateUnit]
   );
 
-  const { data = [], isFetching } = trpc.insights.query.useQuery({
-    workspaceId,
-    insightId: props.insightId,
-    insightType: props.insightType,
-    metrics,
-    filters,
-    groups,
-    time,
-  });
+  const { data = [], isFetching } = trpc.insights.query.useQuery(
+    {
+      workspaceId,
+      insightId: props.insightId,
+      insightType: props.insightType,
+      metrics,
+      filters,
+      groups,
+      time,
+    },
+    {
+      trpc: {
+        context: {
+          skipBatch: true,
+        },
+      },
+    }
+  );
 
   // Track query duration
   useEffect(() => {

src/client/components/insights/FilterSection.tsx

@@ -34,6 +34,11 @@ export const FilterSection: React.FC<FilterSectionProps> = React.memo(
       },
       {
         enabled: Boolean(insightId),
+        trpc: {
+          context: {
+            skipBatch: true,
+          },
+        },
       }
     );
 

src/client/components/insights/MetricsBlock.tsx

@@ -78,8 +78,8 @@ export const MetricsBlock: React.FC<MetricsBlockProps> = React.memo((props) => {
         }
         renderItem={(item) => (
           <>
-            <LuMousePointerClick />
-            <span>{item.name}</span>
+            <LuMousePointerClick className="shrink-0" />
+            <span className="overflow-hidden text-ellipsis">{item.name}</span>
             {typeof item.count === 'number' && item.count > 0 && (
               <span className="text-xs opacity-40">
                 ({formatNumber(item.count)})

src/client/components/insights/MetricsSection.tsx

@@ -28,6 +28,11 @@ export const MetricsSection: React.FC = React.memo(() => {
       select(data) {
         return [{ name: '$all_event', count: sumBy(data, 'count') }, ...data];
       },
+      trpc: {
+        context: {
+          skipBatch: true,
+        },
+      },
     }
   );