React fixup, remove unused fluentui deps

Author: ChumpChief

brainstorm/package-lock.json

@@ -27,7 +27,6 @@
 	"dependencies": {
 		"@azure/identity": "^4.5.0",
 		"@azure/msal-browser": "^3.28.0",
-		"@fluentui/react-components": "^9.56.5",
 		"@fluentui/react-icons": "^2.0.266",
 		"@fluidframework/azure-client": "^2.13.0",
 		"@fluidframework/odsp-client": "^2.13.0",
@@ -78,5 +77,10 @@
 		"webpack": "^5.96.1",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.1.0"
+	},
+	"overrides": {
+		"@fluentui/react-icons": {
+			"react": "^19.0.0"
+		}
 	}
 }

brainstorm/package.json

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React from "react";
+import React, { JSX } from "react";
 import { Items, Note } from "../schema/app_schema.js";
 import { moveItem, findNote } from "../utils/app_helpers.js";
 import {

brainstorm/src/react/buttonux.tsx

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React, { useEffect, useState } from "react";
+import React, { JSX, useEffect, useState } from "react";
 import { Note, Group, Items } from "../schema/app_schema.js";
 import { Session } from "../schema/session_schema.js";
 import {

brainstorm/src/react/canvasux.tsx

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React, { useEffect, useState } from "react";
+import React, { JSX, useEffect, useState } from "react";
 import { Group, Items, Note } from "../schema/app_schema.js";
 import { moveItem } from "../utils/app_helpers.js";
 import { ConnectableElement, useDrag, useDrop } from "react-dnd";

brainstorm/src/react/groupux.tsx

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React, { useEffect, useRef, useState } from "react";
+import React, { JSX, RefObject, useEffect, useRef, useState } from "react";
 import { Note, Group, Items } from "../schema/app_schema.js";
 import { moveItem } from "../utils/app_helpers.js";
 import { dragType, getRotation, selectAction } from "../utils/utils.js";
@@ -315,7 +315,7 @@ export function AddNoteButton(props: { target: Items; clientId: string }): JSX.E
 				}
 			></div>
 			<div
-				ref={drop}
+				ref={drop as unknown as RefObject<HTMLDivElement>}
 				className={
 					"transition-all text-2xl place-content-center font-bold flex flex-col text-center cursor-pointer bg-transparent border-white border-dashed border-8 " +
 					size +

brainstorm/src/react/noteux.tsx

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React, { useEffect, useState } from "react";
+import React, { JSX, useEffect, useState } from "react";
 import { Items } from "../schema/app_schema.js";
 import { Session } from "../schema/session_schema.js";
 import "../output.css";

brainstorm/src/react/ux.tsx

@@ -22,7 +22,6 @@
 	"dependencies": {
 		"@azure/identity": "^4.5.0",
 		"@azure/msal-browser": "^3.28.0",
-		"@fluentui/react-icons": "^2.0.266",
 		"@fluidframework/azure-client": "^2.13.0",
 		"@fluidframework/odsp-client": "^2.13.0",
 		"@fluidframework/telemetry-utils": "^2.13.0",

item-counter-spe/package-lock.json

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React, { ReactNode, useEffect, useState } from "react";
+import React, { JSX, ReactNode, useEffect, useState } from "react";
 import { TreeView, Tree } from "fluid-framework";
 import { StringArray } from "./schema.js";
 

item-counter-spe/package.json

@@ -24,7 +24,6 @@
 		"node": ">=20.0.0"
 	},
 	"dependencies": {
-		"@fluentui/react-icons": "^2.0.266",
 		"@fluidframework/azure-client": "^2.13.0",
 		"@fluidframework/telemetry-utils": "^2.13.0",
 		"@fluidframework/test-runtime-utils": "^2.13.0",

item-counter-spe/src/react_app.tsx

@@ -3,7 +3,7 @@
  * Licensed under the MIT License.
  */
 
-import React, { ReactNode, useEffect, useState } from "react";
+import React, { JSX, ReactNode, useEffect, useState } from "react";
 import { TreeView, Tree } from "fluid-framework";
 import { StringArray } from "./schema.js";