Bug:

[root9464]

Current Behavior

I use "@pixi/react": "^7.1.0" and "pixi.js": "^7.2.4". The problem is the pixelation of the image inside sprite, I take an example from the official documentation, but my image breaks for some reason and slightly spoils the quality.
Please tell me what could be the problem?

Photo:

Expected Behavior

I would like to get help or an explanation of why this is happening with the image, maybe I'm doing something wrong

Steps to Reproduce

import Ton from '../../assets/ton.png';


<Stage width={50} height={50}>
  <Sprite
    image={Ton}
    x={32}
    y={32}
  />
</Stage>

Environment

package.json

{
  "name": "game",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@pixi/react": "^7.1.0",
    "@types/node": "^22.2.0",
    "pixi.js": "^7.2.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "uuid": "^9.0.0"
  },
  "devDependencies": {
    "@types/react": "^18.0.28",
    "@types/react-dom": "^18.0.11",
    "@types/uuid": "^9.0.2",
    "@vitejs/plugin-react": "^3.1.0",
    "typescript": "^4.9.3",
    "vite": "^4.2.0"
  }
}

Possible Solution

No response

Additional Information

No response