ESM module import compatibility

src/App.jsx

@@ -1,6 +1,6 @@
 import { useRef, useState } from 'react';
 
-import Phaser from 'phaser';
+import * as Phaser from 'phaser';
 import { PhaserGame } from './PhaserGame';
 
 function App ()

src/game/EventBus.js

@@ -1,4 +1,4 @@
-import Phaser from 'phaser';
+import * as Phaser from 'phaser';
 
 // Used to emit events between components, HTML and Phaser scenes
-export const EventBus = new Phaser.Events.EventEmitter();
+export const EventBus = new Phaser.Events.EventEmitter();

src/game/main.js

@@ -2,7 +2,7 @@ import { Boot } from './scenes/Boot';
 import { Game } from './scenes/Game';
 import { GameOver } from './scenes/GameOver';
 import { MainMenu } from './scenes/MainMenu';
-import Phaser from 'phaser';
+import * as Phaser from 'phaser';
 import { Preloader } from './scenes/Preloader';
 
 // Find out more information about the Game Config at: