Fix same issue for position property

Author: bernardobelchior

packages/x-charts/src/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.ts

@@ -28,16 +28,17 @@ export function defaultizeXAxis(
   const parsedAxes = inputAxes.map((axisConfig, index) => {
     const dataKey = axisConfig.dataKey;
 
-    const position = axisConfig.position ?? 'none';
+    // The first x-axis is defaultized to the bottom
+    const defaultPosition = index === 0 ? 'bottom' : 'none';
+    const position = axisConfig.position ?? defaultPosition;
     const defaultHeight =
       DEFAULT_AXIS_SIZE_HEIGHT + (axisConfig.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
 
     const sharedConfig = {
       id: `defaultized-x-axis-${index}`,
-      // The fist axis is defaultized to the bottom/left
-      ...(index === 0 ? ({ position: 'bottom' } as const) : {}),
       offset: offsets[position],
       ...axisConfig,
+      position,
       height: axisConfig.height ?? defaultHeight,
     };
 
@@ -79,16 +80,17 @@ export function defaultizeYAxis(
   const parsedAxes = inputAxes.map((axisConfig, index) => {
     const dataKey = axisConfig.dataKey;
 
-    const position = axisConfig.position ?? 'none';
+    // The first y-axis is defaultized to the left
+    const defaultPosition = index === 0 ? 'left' : 'none';
+    const position = axisConfig.position ?? defaultPosition;
     const defaultWidth =
       DEFAULT_AXIS_SIZE_WIDTH + (axisConfig.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
 
     const sharedConfig = {
       id: `defaultized-y-axis-${index}`,
-      // The first axis is defaultized to the left
-      ...(index === 0 ? ({ position: 'left' } as const) : {}),
       offset: offsets[position],
       ...axisConfig,
+      position,
       width: axisConfig.width ?? defaultWidth,
     };