I tried using sharp composite to tile my images.

I am trying to achieve achieve a tiling that starts from the center that results to like this.

However what I got is like this.

Please help ASAP. Thank you so much.

Here's my code:

const sharpImage = sharp({
  create: {
    width,
    height,
    channels: 4,
    background: { r: 0, g: 0, b: 0 }
  }
}).composite([{ input: image, tile: true, gravity: 'center' }]).png().toBuffer()