Loading assets in a cra app

[SKEPDIMI]

I'm currently running Phaser3 inside a create-react-app app using the npm module for Phaser3 like so:

// src/game/index.js
import Phaser from 'phaser'
import img from '../assets/img.png'

var config = {
  type: Phaser.AUTO,
  width: 800,
  height: 600,
  parent: 'root',
  physics: {
    default: 'arcade',
    arcade: {
      gravity: { y: 200 }
    }
  },
  scene: {
    preload,
    create
  }
};

function preload ()
{
}
 
function create ()
{
}

export default new Phaser.Game(config);

The issue I'm facing is regarding loading assets. How would I go about loading an asset that is in my cra project (like the imported img)

Thank you in advance for the help

 

John S.