Merge branch 'main' into cy/invoice_codecov_logo

Author: calvin-codecov

package.json

@@ -83,7 +83,6 @@
     "react-router-dom-v5-compat": "^6.15.0",
     "react-use": "^17.2.4",
     "recharts": "^2.12.7",
-    "semver": "7.5.2",
     "tailwind-merge": "^2.3.0",
     "zod": "^3.21.4"
   },

src/pages/AccountSettings/tabs/Access/SessionsTable.test.tsx

@@ -1,4 +1,8 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import {
+  QueryClientProvider as QueryClientProviderV5,
+  QueryClient as QueryClientV5,
+} from '@tanstack/react-queryV5'
 import { render, screen, waitFor } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
 import { graphql, HttpResponse } from 'msw'
@@ -28,29 +32,37 @@ const mockSessions: Session[] = [
   },
 ]
 
-const server = setupServer()
 const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      suspense: true,
-      retry: false,
-    },
-  },
+  defaultOptions: { queries: { suspense: true, retry: false } },
+})
+const queryClientV5 = new QueryClientV5({
+  defaultOptions: { queries: { retry: false } },
 })
+
 const wrapper: React.FC<React.PropsWithChildren> = ({ children }) => (
-  <QueryClientProvider client={queryClient}>
-    <MemoryRouter initialEntries={['/bb/critical-role/bells-hells']}>
-      <Route path="/:provider/:owner/:repo">{children}</Route>
-    </MemoryRouter>
-  </QueryClientProvider>
+  <QueryClientProviderV5 client={queryClientV5}>
+    <QueryClientProvider client={queryClient}>
+      <MemoryRouter initialEntries={['/bb/critical-role/bells-hells']}>
+        <Route path="/:provider/:owner/:repo">{children}</Route>
+      </MemoryRouter>
+    </QueryClientProvider>
+  </QueryClientProviderV5>
 )
 
-beforeAll(() => server.listen())
+const server = setupServer()
+beforeAll(() => {
+  server.listen()
+})
+
 afterEach(() => {
   queryClient.clear()
+  queryClientV5.clear()
   server.resetHandlers()
 })
-afterAll(() => server.close())
+
+afterAll(() => {
+  server.close()
+})
 
 describe('SessionsTable', () => {
   function setup() {

src/pages/AccountSettings/tabs/Access/SessionsTable.tsx

@@ -8,8 +8,8 @@ import isNull from 'lodash/isNull'
 import { useCallback, useMemo } from 'react'
 import { useParams } from 'react-router-dom'
 
-import { useDeleteSession } from 'services/access'
 import { Session } from 'services/access/SessionsQueryOpts'
+import { useDeleteSession } from 'services/access/useDeleteSession'
 import { cn } from 'shared/utils/cn'
 import { formatTimeToNow } from 'shared/utils/dates'
 import Button from 'ui/Button'