build(deps): bump React 19 to latest versions

- Update React and React DOM to version 19.1.0
- Update React type definitions to match version 19
- Update peer dependencies to support both React 18 and 19

Author: madhavilosetty-intel

package-lock.json

@@ -22,8 +22,8 @@
   "homepage": "https://github.com/device-management-toolkit/ui-toolkit-react#readme",
   "types": "index.d.ts",
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
@@ -42,14 +42,14 @@
     "ws": "^8.11.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.3",
     "@types/md5": "^2.3.2",
     "@types/node": "^22.0.0",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.9",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/ws": "^8.2.0",
     "@typescript-eslint/eslint-plugin": "^6.11.0",
     "@typescript-eslint/parser": "^6.11.0",
@@ -67,8 +67,8 @@
     "jest-environment-jsdom": "^29.3.1",
     "jest-junit": "^16.0.0",
     "jest-transform-stub": "^2.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "sass-loader": "^16.0.0",
     "source-map-loader": "^5.0.0",
     "style-loader": "^4.0.0",

package.json

@@ -18,7 +18,7 @@ export interface IHeaderProps {
 }
 
 export class Header extends React.Component<IHeaderProps> {
-  render (): JSX.Element {
+  render ():  React.ReactNode {
     return (
       <React.Fragment>
         <div className="header">

src/reactjs/KVM/Header.tsx

@@ -32,7 +32,18 @@ export class PureCanvas extends React.Component<PureCanvasProps, {}> {
       onMouseMove: this.props.mouseMove
     }
     return (
-      <canvas {...canvasAttributes} data-testid="pure-canvas-testid" className="canvas" ref={(c: any) => isFalsy(c) ? this.props.contextRef(c.getContext('2d')) : null}/>
+      <canvas {...canvasAttributes} data-testid="pure-canvas-testid" className="canvas" ref={(c: any) => {
+        if (isFalsy(c)) {
+          try {
+            const context = c.getContext('2d')
+            if (context) {
+              this.props.contextRef(context)
+            }
+          } catch (error) {
+            console.warn('Canvas context could not be accessed')
+          }
+        }
+      }}/>
     )
   }
 }