reactjs - react-visjs-timeline-2 显示问题，无法正确显示项目

Question

尝试了下面的代码，但是渲染后，项目显示的时间不正确，放大或缩小时间显示也不正确，它与我设置的时间不一样，缩放，它不一样放大之前。？为什么？谢谢，你可以试试https://codesandbox.io/s/t89oc?file=/src/App.js

import React, { useState, useRef, useEffect } from "react";
import Timeline from "react-vis-timeline-2";
const items = [
    {
        group: '1',
        start: new Date(2022, 0, 15),
        end: new Date(2022, 1, 2), // end is optional
        content: "Trajectory A",
        type: 'range'
    }
  ];

const groups = [
    {
        id: '1',
        content: '1',
        order: 1
    }
];

export default function TestTimeLine2() {

    const timelineRef = useRef(null);

    React.useEffect(() => {
        timelineRef.current.timeline.setGroups(groups);
        timelineRef.current.timeline.setItems(items);

    },[]);

    return (
      <div className="App">
        <Timeline
          ref={timelineRef}
        />
      </div>
    );
}