chore(webapp): scope unsupported React Compiler diagnostics (#4713)
## Summary Adds targeted lint suppressions for components built around libraries that React Compiler intentionally declines to memoize, plus one unsupported function-reference pattern. Each suppression is scoped to the affected component so other compiler diagnostics remain actionable.
This commit is contained in:
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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);
|
||||
|
||||
|
||||
+1
@@ -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,
|
||||
|
||||
+1
@@ -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,
|
||||
|
||||
+1
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user