PixiJS: not drawing round rectangle correctly

Question

After drawing a rounded rectangle the corner is not perfectly rounded. The corner is pixelated:

How can I draw a correctly rounded rectangle without the pixelated corner? Here is my code:

var graphics = new PIXI.Graphics();
graphics.beginFill(0x3e494b);
graphics.lineStyle(4, 0x0, .3);
graphics.drawRoundedRect(
    x,
    y,
    width,
    height,
    30
);
graphics.endFill();

Answer 1

If your project uses a Pixi Application, try setting the antialias option to true. For example:

const app = new Application({antialias: true});