We just upgraded to react-gantt 2.6.0 and the horizontal scroll is now broken. It's jittery, and the console fills with Writable _rollups is not defined warnings.
We trimmed down our implementation of gantt, and even tested with hard-coded tasks. We even tried copying one of the examples from the quickstart guide directly. Horizontal scroll is unusably jittery and fills the console with warnings.
Using next 16.2.1
'use client';
import { Gantt } from '@svar-ui/react-gantt';
import '@svar-ui/react-gantt/all.css';
export default function ProjectTimeline() {
const tasks = [
{
id: 20,
text: 'New Task',
start: new Date(2024, 5, 11),
end: new Date(2024, 6, 12),
duration: 1,
progress: 2,
type: 'task',
lazy: false,
},
{
id: 47,
text: '[1] Master project',
start: new Date(2024, 5, 12),
end: new Date(2024, 7, 12),
duration: 8,
progress: 0,
parent: 0,
type: 'summary',
},
{
id: 22,
text: 'Task',
start: new Date(2024, 7, 11),
end: new Date(2024, 8, 12),
duration: 8,
progress: 0,
parent: 47,
type: 'task',
},
{
id: 21,
text: 'New Task 2',
start: new Date(2024, 7, 10),
end: new Date(2024, 8, 12),
duration: 3,
progress: 0,
type: 'task',
lazy: false,
},
];
const links = [{ id: 1, source: 20, target: 21, type: 'e2e' }];
const scales = [
{ unit: 'month', step: 1, format: '%F %Y' },
{ unit: 'day', step: 1, format: '%j' },
];
return <Gantt tasks={tasks} links={links} scales={scales} />;
}
Writable _rollups is not defined
warn @ forward-logs-shared.ts:95
useWritable @ hooks.ts:41
useStore @ hooks.ts:59
rn @ Bars.jsx:33
react_stack_bottom_frame @ react-dom-client.development.js:28241
renderWithHooksAgain @ react-dom-client.development.js:8025
renderWithHooks @ react-dom-client.development.js:7937
updateFunctionComponent @ react-dom-client.development.js:10442
beginWork @ react-dom-client.development.js:12112
runWithFiberInDEV @ react-dom-client.development.js:986
performUnitOfWork @ react-dom-client.development.js:18988
workLoopSync @ react-dom-client.development.js:18816
renderRootSync @ react-dom-client.development.js:18797
performWorkOnRoot @ react-dom-client.development.js:17823
performWorkOnRootViaSchedulerTask @ react-dom-client.development.js:20471
performWorkUntilDeadline @ scheduler.development.js:45