Merge pull request #17 from JohnImril/upd-react

Update package

package.json

@@ -10,25 +10,25 @@
 		"preview": "vite preview"
 	},
 	"dependencies": {
-		"axios": "^1.7.8",
+		"axios": "^1.7.9",
 		"classnames": "^2.5.1",
 		"idb": "^8.0.0",
 		"peerjs": "^1.5.4",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
 		"sourcemapped-stacktrace": "^1.1.11",
 		"vite-plugin-wasm": "^3.3.0"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.16.0",
-		"@types/react": "^18.3.12",
-		"@types/react-dom": "^18.3.1",
+		"@types/react": "^19.0.1",
+		"@types/react-dom": "^19.0.1",
 		"@vitejs/plugin-react": "^4.3.4",
 		"eslint": "^9.16.0",
-		"eslint-plugin-react-hooks": "^5.0.0",
+		"eslint-plugin-react-hooks": "^5.1.0",
 		"eslint-plugin-react-refresh": "^0.4.16",
 		"globals": "^15.13.0",
-		"prettier": "^3.4.1",
+		"prettier": "^3.4.2",
 		"typescript": "^5.7.2",
 		"typescript-eslint": "^8.17.0",
 		"vite": "^5.4.11",

src/App.tsx

@@ -649,7 +649,9 @@ const App: React.FC = () => {
 						className={classNames("app__touch-button", `app__touch-button--${i}`, {
 							"app__touch-button--active": touchMods.current[i],
 						})}
-						ref={(el) => (touchButtons.current[i] = el!)}
+						ref={(el) => {
+							touchButtons.current[i] = el;
+						}}
 					/>
 				))}
 			</div>
@@ -683,7 +685,9 @@ const App: React.FC = () => {
 						<div
 							key={`fkeys-left-${idx}`}
 							className={classNames("app__touch-button", `app__touch-button--${idx - 3}`)}
-							ref={(el) => (touchButtons.current[idx] = el!)}
+							ref={(el) => {
+								touchButtons.current[idx] = el;
+							}}
 						/>
 					);
 				})}
@@ -695,7 +699,9 @@ const App: React.FC = () => {
 						<div
 							key={`fkeys-right-${idx}`}
 							className={classNames("app__touch-button", `app__touch-button--${idx - 3}`)}
-							ref={(el) => (touchButtons.current[idx] = el!)}
+							ref={(el) => {
+								touchButtons.current[idx] = el;
+							}}
 						/>
 					);
 				})}