FabricJS big grid is losing its shape in zoom out


I made zoom function with big grid and fixed the performance issues.

However, when I zoom out the grid looks broken as below.

Before zoom out:

enter image description here

And After:

enter image description here

EDIT: Here is the jsfiddle

let MAX_WIDTH = 10000;
let GRID_IMAGE = 'grid image link';
let canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
  width: MAX_WIDTH,
  height: MAX_WIDTH,
  originX: 'center',
  originY: 'center',
  selectable: false,
  evented: false,
  objectCaching: false,
  dirty: true
});
canvas.add(rect);

Answers: