Bump @types/react from 18.2.56 to 18.2.73 in /webapp (#911)

Bumps
[@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react)
from 18.2.56 to 18.2.73.
<details>
<summary>Commits</summary>
<ul>
<li>See full diff in <a
href="https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@types/react&package-manager=npm_and_yarn&previous-version=18.2.56&new-version=18.2.73)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: teresaqhoang <[email protected]>

webapp/.eslintrc.cjs

@@ -40,6 +40,9 @@ module.exports = {
         'react/react-in-jsx-scope': 'off',
         'react/prop-types': 'off',
         'react/jsx-props-no-spreading': 'off',
+        '@typescript-eslint/restrict-template-expressions': 'off',
+        '@typescript-eslint/use-unknown-in-catch-callback-variable': 'off',
+        '@typescript-eslint/prefer-promise-reject-errors': 'off',
     },
     settings: {
         react: {

webapp/package.json

@@ -15,9 +15,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "@azure/msal-browser": "^2.38.4",
-    "@azure/msal-react": "^1.5.11",
-    "@fluentui/react-components": "^9.47.2",
+    "@azure/msal-browser": "^3.11.1",
+    "@azure/msal-react": "^2.0.14",
+    "@fluentui/react-components": "^9.47.3",
     "@fluentui/react-icons": "^2.0.233",
     "@fluentui/react-northstar": "^0.66.4",
     "@microsoft/signalr": "^8.0.0",
@@ -34,11 +34,11 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@types/debug": "^4.1.12",
-    "@types/node": "^20.11.30",
-    "@types/react": "^18.2.56",
+    "@types/node": "^20.12.3",
+    "@types/react": "^18.2.74",
     "@types/react-dom": "^18.2.23",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
     "eslint": "^8.57.0",
     "prettier": "^3.2.5",
     "react-scripts": "^5.0.1",
@@ -59,4 +59,4 @@
     ]
   },
   "packageManager": "[email protected]"
-}
+}

webapp/src/components/FileUploader.tsx

@@ -10,7 +10,7 @@ const useClasses = makeStyles({
 interface FileUploaderProps {
     acceptedExtensions: string[] | undefined;
     onSelectedFile: (file: File) => void;
-    ref?: React.Ref<HTMLInputElement>;
+    ref?: React.Ref<HTMLInputElement> | string;
 }
 
 export const FileUploader: React.FC<FileUploaderProps> = forwardRef<HTMLInputElement, FileUploaderProps>(

webapp/src/components/chat/prompt-dialog/PromptDialog.tsx

@@ -100,7 +100,7 @@ export const PromptDialog: React.FC<IPromptDialogProps> = ({ message }) => {
                 value &&
                 !(value as string).includes('User has also shared some document snippets:')
             ) {
-                value += '\nNo relevant document memories.';
+                value = (value as string) + '\nNo relevant document memories.';
             }
 
             return value && key !== 'metaPromptTemplate' ? (

webapp/src/components/chat/shared/EditChatName.tsx

@@ -84,8 +84,8 @@ export const EditChatName: React.FC<IEditChatNameProps> = ({ name, chatId, exitE
             className={classes.root}
             style={{
                 display: 'flex',
-                flexDirection: `${textButtons ? 'column' : 'row'}`,
-                gap: `${textButtons ? tokens.spacingVerticalS : tokens.spacingVerticalNone}`,
+                flexDirection: textButtons ? 'column' : 'row',
+                gap: textButtons ? tokens.spacingVerticalS : tokens.spacingVerticalNone,
             }}
             title={'Edit chat name'}
             aria-label={`Edit chat name for "${name}"`}

webapp/src/components/header/settings-dialog/SettingSection.tsx

@@ -46,7 +46,7 @@ export const SettingSection: React.FC<ISettingsSectionProps> = ({ setting, conte
             <div
                 style={{
                     display: 'flex',
-                    flexDirection: `${setting.stackVertically ? 'column' : 'row'}`,
+                    flexDirection: setting.stackVertically ? 'column' : 'row',
                     flexWrap: 'wrap',
                 }}
             >

webapp/src/components/open-api-plugins/cards/PluginCard.tsx

@@ -40,7 +40,7 @@ export const PluginCard: React.FC<PluginCardProps> = ({ plugin, isHosted }) => {
     return (
         <BaseCard
             image={icon}
-            header={`${name}`}
+            header={name}
             secondaryText={publisher}
             description={description}
             action={

webapp/src/libs/services/ChatService.ts

@@ -149,7 +149,7 @@ export class ChatService extends BaseService {
 
                         if (propertyDetails.value) {
                             openApiVariables.push({
-                                key: `${property}`,
+                                key: property,
                                 value: propertyDetails.value,
                             });
                         }