From 5b95da81416b788ccf99788fd1e2538504a084aa Mon Sep 17 00:00:00 2001
From: Chris Arderne <chris@trigger.dev>
Date: Wed, 19 Aug 2026 17:23:27 +0100
Subject: [PATCH] chore(webapp): scope unsupported React Compiler diagnostics

---
 apps/webapp/app/components/code/TSQLResultsTable.tsx             | 1 +
 apps/webapp/app/components/primitives/InputNumberStepper.tsx     | 1 +
 apps/webapp/app/components/primitives/TreeView/TreeView.tsx      | 1 +
 apps/webapp/app/components/scheduled/timezones.tsx               | 1 +
 .../route.tsx                                                    | 1 +
 .../route.tsx                                                    | 1 +
 .../route.tsx                                                    | 1 +
 7 files changed, 7 insertions(+)

diff --git a/apps/webapp/app/components/code/TSQLResultsTable.tsx b/apps/webapp/app/components/code/TSQLResultsTable.tsx
index 106a82fe16d..9ada12b1cbe 100644
--- a/apps/webapp/app/components/code/TSQLResultsTable.tsx
+++ b/apps/webapp/app/components/code/TSQLResultsTable.tsx
@@ -1064,6 +1064,7 @@ function ColumnResizeHandle({ header }: { header: Header<RowData, unknown> }) {
 }
 /* oxlint-enable jsx-a11y/no-static-element-interactions */
 
+// oxlint-disable-next-line react/react-compiler -- TanStack Table is not compatible with compiler memoization.
 export const TSQLResultsTable = memo(function TSQLResultsTable({
   rows,
   columns,
diff --git a/apps/webapp/app/components/primitives/InputNumberStepper.tsx b/apps/webapp/app/components/primitives/InputNumberStepper.tsx
index 11fbb676f2b..f298929c6fa 100644
--- a/apps/webapp/app/components/primitives/InputNumberStepper.tsx
+++ b/apps/webapp/app/components/primitives/InputNumberStepper.tsx
@@ -10,6 +10,7 @@ type InputNumberStepperProps = Omit<JSX.IntrinsicElements["input"], "min" | "max
   controlSize?: "base" | "large";
 };
 
+// oxlint-disable-next-line react/react-compiler -- The compiler cannot currently rewrite these hoisted function references.
 export function InputNumberStepper({
   value,
   onChange,
diff --git a/apps/webapp/app/components/primitives/TreeView/TreeView.tsx b/apps/webapp/app/components/primitives/TreeView/TreeView.tsx
index c9ffa608dcc..28babf0a9c0 100644
--- a/apps/webapp/app/components/primitives/TreeView/TreeView.tsx
+++ b/apps/webapp/app/components/primitives/TreeView/TreeView.tsx
@@ -193,6 +193,7 @@ export type UseTreeStateOutput = {
   scrollToNode: (id: string) => void;
 };
 
+// oxlint-disable-next-line react/react-compiler -- TanStack Virtual is not compatible with compiler memoization.
 export function useTree<TData, TFilterValue>({
   tree,
   selectedId,
diff --git a/apps/webapp/app/components/scheduled/timezones.tsx b/apps/webapp/app/components/scheduled/timezones.tsx
index 429598d60b3..7116e13cee5 100644
--- a/apps/webapp/app/components/scheduled/timezones.tsx
+++ b/apps/webapp/app/components/scheduled/timezones.tsx
@@ -2,6 +2,7 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 import { useRef } from "react";
 import { SelectItem } from "../primitives/Select";
 
+// oxlint-disable-next-line react/react-compiler -- TanStack Virtual is not compatible with compiler memoization.
 export function TimezoneList({ timezones }: { timezones: string[] }) {
   const parentRef = useRef<HTMLDivElement>(null);
 
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx
index 48b47499091..14339b1cf39 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx
@@ -743,6 +743,7 @@ function EnvironmentVariableTableRow({
   );
 }
 
+// oxlint-disable-next-line react/react-compiler -- TanStack Virtual is not compatible with compiler memoization.
 function EnvironmentVariablesVirtualTableBody({
   groupedEnvironmentVariables,
   scrollRef,
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.sessions.$sessionParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.sessions.$sessionParam/route.tsx
index 41b8690ebeb..64326fab5bb 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.sessions.$sessionParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.sessions.$sessionParam/route.tsx
@@ -264,6 +264,7 @@ const ROW_NUMBER_COL_MIN_CH = 3;
 const TIME_COL_WIDTH = "7rem";
 const TYPE_COL_WIDTH = "5rem";
 
+// oxlint-disable-next-line react/react-compiler -- TanStack Virtual is not compatible with compiler memoization.
 function RawConversationView({
   inResourcePath,
   outResourcePath,
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.streams.$streamKey/route.tsx b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.streams.$streamKey/route.tsx
index 43381613433..79644140afe 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.streams.$streamKey/route.tsx
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.streams.$streamKey/route.tsx
@@ -105,6 +105,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
   );
 };
 
+// oxlint-disable-next-line react/react-compiler -- TanStack Virtual is not compatible with compiler memoization.
 export function RealtimeStreamViewer({
   runId,
   streamKey,