Fix demo-react project to get the instance

Author: jdnichollsc

demo-react/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ion-phaser/react": "file:../react",
+    "@ion-phaser/react": "^1.2.2",
     "@types/jest": "^25.2.1",
     "@types/node": "^13.13.4",
     "@types/react": "^16.9.34",

demo-react/src/App.tsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import Phaser from 'phaser'
-import { IonPhaser } from '@ion-phaser/react'
+import { IonPhaser, GameInstance } from '@ion-phaser/react'
 import logo from './assets/logo.png'
 
 import './App.css'
@@ -28,7 +28,7 @@ class MainScene extends Phaser.Scene {
   }
 }
 
-const game: Phaser.Types.Core.GameConfig = {
+const gameConfig: GameInstance = {
   width: "100%",
   height: "100%",
   type: Phaser.AUTO,
@@ -53,11 +53,22 @@ const game: Phaser.Types.Core.GameConfig = {
   scene: MainScene
 };
 
-const destroy = () => window.location.reload()
-
 export default function App () {
+  const [game, setGame] = useState<GameInstance>()
   const [initialize, setInitialize] = useState(false)
 
+  const destroy = () => {
+    console.log('Instance', game?.instance)
+    game?.instance?.destroy(true)
+    setInitialize(false)
+  }
+
+  useEffect(() => {
+    if (initialize) {
+      setGame(Object.assign({}, gameConfig))
+    }
+  }, [initialize])
+
   return (
     <div className="App">
       <header className="App-header">