Fix rerenders of Coordinates.Cartesian

stevenpetryk · May 8, 2024 · 44411ea · 44411ea
1 parent 009c7b8
commit 44411ea
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/e2e/generated-vrt.spec.tsx b/e2e/generated-vrt.spec.tsx
@@ -1,5 +1,5 @@
 // THIS FILE IS GENERATED BY ./scripts/testgen.ts
-/* eslint-disable @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 import { expect, test } from "@playwright/experimental-ct-react"
 import { Page } from "@playwright/test"

diff --git a/src/display/Coordinates/Cartesian.tsx b/src/display/Coordinates/Cartesian.tsx
@@ -1,3 +1,4 @@
+import * as React from "react"
 import { range, round } from "../../math"
 import { usePaneContext } from "../../context/PaneContext"
 import { useTransformContext } from "../../context/TransformContext"
@@ -26,7 +27,7 @@ export function Cartesian({
   const xAxis = { subdivisions, ...defaultAxisOptions, ...xAxisOverrides } as GridAxisOptions
   const yAxis = { subdivisions, ...defaultAxisOptions, ...yAxisOverrides } as GridAxisOptions
 
-  const id = `cartesian-${incrementer++}`
+  const id = React.useMemo(() => `cartesian-${incrementer++}`, [])
 
   const { viewTransform } = useTransformContext()
   const { xPaneRange, yPaneRange } = usePaneContext()