gridXValues and theme are not working on nivo/bar server side rendering

[LinaLiao2021]

Describe/explain the bug It doesn't seem like the prop gridXValues and theme work on the @nivo/bar server side rendering. I tried version 0.60.0, 0.74.1 and 0.83.0

Example code

const barChartData = [
  { missedCallsCount: 54, outgoingCallsCount: 78, inComingCallsCount: 78, Name: "Olivia Bennett" },
  { missedCallsCount: 147, outgoingCallsCount: 153, inComingCallsCount: 153, Name: "Mason Sinclair" },
  { missedCallsCount: 125, outgoingCallsCount: 223, inComingCallsCount: 223, Name: "Isabella Morgan" },
  { missedCallsCount: 60, outgoingCallsCount: 64, inComingCallsCount: 64, Name: "Amelia Jenkins" },
  { missedCallsCount: 4, outgoingCallsCount: 102, inComingCallsCount: 102, Name: "Ethan Blackwood" },
]

const renderBarChart = () => {
  const props = {
    data: barChartData,
    width: 700,
    height: 400,
    indexBy: 'Name',
    keys: ['inComingCallsCount', 'outgoingCallsCount', 'missedCallsCount'],
    minValue: 'auto',
    maxValue: 'auto',
    colors: ["pink", "grey", "blue"],
    layout: 'horizontal',
    enableLabel: false,
    enableGridX: true,
    enableGridY: false,
    gridXValues: [0, 100, 200, 300, 400, 500],
    theme: {
      axis: {
        ticks: {
          text: {
            fontSize: 17,
            fill: "green",
            fontFamily: 'Arial, sans-serif',
            fontWeight: 500
          }
        }
      }
    },
    margin: {
      top: 100,
      right: 100,
      bottom: 40,
      left: 200
    },
    axisBottom: {
      tickValues: [0, 500]
    },

  }

  const rendered = renderToStaticMarkup(
    React.createElement(
      Bar,
      Object.assign(
        {
          animate: false,
          isInteractive: false,
        },
        props,
      )
    )
  );

  return `<?xml version="1.0" ?>${rendered}`;
};

Expected behavior

• The Grid X should show on 0, 100, 200, 300, 400, 500, but it shows on 0, 50, 100,150, 200,250, 300,350 400,450 500

• The axis left and bottom text style should change , but it doesn’t.

Screenshots Here is the svg generated on the server

[stale[bot]]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!