compatibility: Use a better workaround for the CartesianGrid issue

Author: danielhjacobs

src/app/compatibility/weekly_contributions.tsx

@@ -1,5 +1,4 @@
 "use client";
-import { ReferenceLine } from "recharts";
 import { BarChart } from "@mantine/charts";
 import { Paper, Text } from "@mantine/core";
 import classes from "./weekly_contributions.module.css";
@@ -36,6 +35,9 @@ export function WeeklyContributions({ data }: { data: DataPoint[] }) {
       h={300}
       w="100%"
       data={data}
+      // This manually updated grid property is a workaround for https://github.com/mantinedev/mantine/issues/8110,
+      // a regression with switching to Recharts 3. TODO: Remove when fixed.
+      gridProps={{ yAxisId: "left" }}
       dataKey="week"
       series={[{ name: "Commits", color: "ruffle-orange" }]}
       tooltipProps={{
@@ -44,10 +46,6 @@ export function WeeklyContributions({ data }: { data: DataPoint[] }) {
         ),
       }}
       className={classes.chart}
-    >
-      {/* This invisible line is a workaround for https://github.com/mantinedev/mantine/issues/8110,
-          a regression with switching to Recharts 3. TODO: Remove when fixed. */}
-      <ReferenceLine y={0} stroke="transparent" ifOverflow="extendDomain" />
-    </BarChart>
+    />
   );
 }