when using tick values, i saw translate(NaN,0) at some values

[Ross249]

translate(NaN,0) make my x axis strange

function AxisBottom({ scale, transform }) {
  const ref = useRef(null);

  useEffect(() => {
    if (ref.current) {
      select(ref.current).call(
        axisBottom(scale).tickValues([
          0, 20, 40, 60, 80, 100, 120, 140, 160, 180,
        ])
      );
    }
  }, [scale]);

  return <g ref={ref} transform={transform} />;
}

my x axis looks like