Please help me in this topic.

[Rishabh Shukla]

import React from "react";
import { useSelector } from "react-redux";
import { imgUploadSelector } from "../redux/imageuploadSlice";
import { Stage, Sprite, withFilters, Container } from "@pixi/react";
import * as PIXI from "pixi.js";

const Pallet = () => {
  const { uploadedImage } = useSelector(imgUploadSelector);
  const Filters = withFilters(Container, {
    blur: PIXI.BlurFilter,
    matrix: PIXI.ColorMatrixFilter,
  });

  return (
    <div className="flex justify-center">
      <Stage height={uploadedImage.height} width={uploadedImage.width}>
        <Filters
          blur={{ blur: 0 }}
          matrix={{ enabled: true }}
          apply={({ matrix }) => {
            matrix.contrast(2);
            matrix.brightness(2);
          }}
        >
          <Sprite image={uploadedImage.image} />
        </Filters>
      </Stage>
    </div>
  );
};

export default Pallet;

I want help why in this only last property brightness is only showing in my screen not contrast. I have tried using Adjustment filter but it has been deprecated. I tried to get answer in stack overflow but not got any answer. Any help in this topic or matter is appreciated. Please contact to me via mail [email protected]. 
Thankyou