From 020c97e5c479caa165b1710ed1a2e34e773875fc Mon Sep 17 00:00:00 2001
From: Justin Lee <JustinDellAdam@live.com>
Date: Wed, 16 Mar 2022 13:54:26 +0800
Subject: [PATCH] Fix https://github.com/mrdoob/three.js/pull/23228

---
 LICENSE                           |  2 +-
 README.md                         |  6 +++---
 package.json                      | 12 ++++++------
 src/components/webgl/MainStage.js |  2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/LICENSE b/LICENSE
index 88e05e4..69f047b 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Justin Lee
+Copyright (c) 2022 Justin Lee
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/README.md b/README.md
index 919395a..dc7adc6 100644
--- a/README.md
+++ b/README.md
@@ -4,9 +4,9 @@ which provides web side 3D avatar modeling and rendering service,
 and users can export the avatars into STL files which can be used for 3D printing.
 
 ## Requirements
-> - node.js `v16.13.0`
+> - node.js `v16.14.0`
 > - react.js `17.0.2`
-> - three.js `0.129.0`
+> - three.js `0.138.3`
 
 ## Version
 - `1.0.0`
@@ -43,4 +43,4 @@ The Exported STL Model
 - [ ] Release this project to a desktop app with electron.
 
 # Made with ❤ by [Justin Lee](https://github.com/realJustinLee)!
-™ and © 1997-2021 Justin Lee. All Rights Reserved. [License Agreement](./LICENSE)
+™ and © 1997-2022 Justin Lee. All Rights Reserved. [License Agreement](./LICENSE)
diff --git a/package.json b/package.json
index 2e3d547..2934c8e 100644
--- a/package.json
+++ b/package.json
@@ -3,13 +3,13 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
+    "@fortawesome/fontawesome-svg-core": "^6.1.0",
+    "@fortawesome/free-solid-svg-icons": "^6.1.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
     "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.3",
+    "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
-    "axios": "^0.26.0",
+    "axios": "^0.26.1",
     "github-fork-ribbon-css": "^0.2.3",
     "react": "^17.0.2",
     "react-contenteditable": "^3.3.6",
@@ -18,8 +18,8 @@
     "react-numeric-input": "^2.2.3",
     "react-scripts": "^5.0.0",
     "react-typed": "^1.2.0",
-    "three": "^0.138.0",
-    "typescript": "^4.5.5",
+    "three": "^0.138.3",
+    "typescript": "^4.6.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/src/components/webgl/MainStage.js b/src/components/webgl/MainStage.js
index f2ad81f..4eedce0 100644
--- a/src/components/webgl/MainStage.js
+++ b/src/components/webgl/MainStage.js
@@ -275,7 +275,7 @@ class MainStage {
         ];
 
         let reflectionCube = new THREE.CubeTextureLoader().load(urls);
-        reflectionCube.format = THREE.RGBFormat;
+        reflectionCube.format = THREE.RGBAFormat;
         reflectionCube.mapping = THREE.CubeRefractionMapping;
         this.scene.background = reflectionCube;
     }