deps: lock file maintenance (#981)

* deps: lock file maintenance

* Deduplicate `graphql`

* Align with latest linting rules

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ryan Ling <[email protected]>

.changeset/kind-gorillas-hunt.md

@@ -0,0 +1,5 @@
+---
+'wingman-fe': patch
+---
+
+Align with latest linting rules

fe/example/src/client.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
-import { hydrate } from 'react-dom';
+import { hydrateRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 
 import { App } from './App/App';
 import { UserProvider } from './hooks/user';
 import type { ClientContext } from './types';
 
 export default ({ basename }: ClientContext) => {
-  hydrate(
+  hydrateRoot(
+    document.getElementById('app')!,
     <UserProvider server={false}>
       <BrowserRouter basename={basename}>
         <App />
       </BrowserRouter>
     </UserProvider>,
-    document.getElementById('app'),
   );
 };

fe/example/src/pages/Admin/Webhook.tsx

@@ -6,8 +6,7 @@ import {
   Stack,
   useToast,
 } from 'braid-design-system';
-import type React from 'react';
-import { useState } from 'react';
+import { type MouseEvent, useState } from 'react';
 
 import { postPartnerWebhook } from '../../api/partnerWebhook';
 
@@ -31,7 +30,7 @@ export const Webhook = () => {
 
   const [loading, setLoading] = useState(false);
 
-  const onClick = async (event: React.MouseEvent) => {
+  const onClick = async (event: MouseEvent) => {
     event.preventDefault();
 
     setLoading(true);

fe/lib/components/JobCategorySuggest/JobCategorySuggestChoices.tsx

@@ -6,8 +6,12 @@ import {
   Strong,
   Text,
 } from 'braid-design-system';
-import type React from 'react';
-import { type ComponentProps, forwardRef, useState } from 'react';
+import {
+  type ComponentProps,
+  type FormEvent,
+  forwardRef,
+  useState,
+} from 'react';
 
 import type {
   JobCategoriesPositionProfileInput,
@@ -64,7 +68,7 @@ const JobCategorySuggestChoices = forwardRef<HTMLInputElement, Props>(
       string | undefined
     >(initialValue ? 'Other' : undefined);
 
-    const handleChoiceSelect = (event: React.FormEvent<HTMLInputElement>) => {
+    const handleChoiceSelect = (event: FormEvent<HTMLInputElement>) => {
       const choiceId = event.currentTarget.value;
 
       const jobCategorySuggest = choices.find(

fe/lib/components/QuestionnaireBuilder/FormBuilder/FormBuilder.tsx

@@ -7,8 +7,7 @@ import {
   Text,
   TextLinkButton,
 } from 'braid-design-system';
-import type React from 'react';
-import { useEffect, useReducer, useState } from 'react';
+import { type MouseEvent, useEffect, useReducer, useState } from 'react';
 
 import { MAX_NUMBER_OF_COMPONENTS } from '../../../private/questionnaires/constants';
 import type {
@@ -73,16 +72,12 @@ export const FormBuilder = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state]);
 
-  const onClickAddQuestion = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
-  ) => {
+  const onClickAddQuestion = (event: MouseEvent) => {
     event.preventDefault();
     setShowQuestionForm(true);
   };
 
-  const onClickAddPrivacyConsent = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
-  ) => {
+  const onClickAddPrivacyConsent = (event: MouseEvent) => {
     event.preventDefault();
     setShowPrivacyConsentForm(true);
   };

fe/lib/components/QuestionnaireForm/QuestionnaireForm.tsx

@@ -1,6 +1,5 @@
 import { Stack } from 'braid-design-system';
-import type React from 'react';
-import { useReducer } from 'react';
+import { type Dispatch, useReducer } from 'react';
 
 import { mapApplicationQuestionnaireToFormComponent } from '../../private/questionnaires/mapping';
 import type {
@@ -38,7 +37,7 @@ const renderQuestion = (
   state: {
     [x: string]: any;
   },
-  dispatch: React.Dispatch<FormUpdateAction>,
+  dispatch: Dispatch<FormUpdateAction>,
 ) => {
   switch (component.responseTypeCode) {
     case 'SingleSelect':

package.json

@@ -11,7 +11,7 @@
     "@graphql-codegen/typescript-operations": "4.0.1",
     "@graphql-tools/utils": "10.0.5",
     "concurrently": "8.2.0",
-    "graphql": "16.7.1",
+    "graphql": "16.8.0",
     "sku": "12.3.2"
   },
   "private": true,