chore: Update deps for monorepo

.eslintrc.cjs

@@ -36,13 +36,14 @@ module.exports = {
             group: ['wagmi/dist'],
             message: 'Invalid import: remove dist from import path',
           },
-          {
-            group: ['@apollo/client'],
-            importNames: ['useQuery'],
-            message:
-              // eslint-disable-next-line max-len
-              'Import useQuery from @apollo/experimental-nextjs-app-support/ssr to avoid u.inFlightLinkObservables errors',
-          },
+          // TODO: delete once we confirm that u.inFlightLinkObservables error does not happen when importing from @apollo/client after migrating to its latest version
+          // {
+          //   group: ['@apollo/client'],
+          //   importNames: ['useQuery'],
+          //   message:
+          //     // eslint-disable-next-line max-len
+          //     'Import useQuery from @apollo/experimental-nextjs-app-support/ssr to avoid u.inFlightLinkObservables errors',
+          // },
           {
             group: ['act'],
             importNames: ['react-dom/test-utils'],

lib/modules/pool/PoolProvider.tsx

@@ -8,7 +8,7 @@ import {
   GqlChain,
 } from '@/lib/shared/services/api/generated/graphql'
 import { createContext, PropsWithChildren, useRef } from 'react'
-import { useQuery } from '@apollo/experimental-nextjs-app-support/ssr'
+import { useQuery } from '@apollo/client'
 import { FetchPoolProps } from './pool.types'
 import { useMandatoryContext } from '@/lib/shared/utils/contexts'
 import { calcBptPriceFor, usePoolHelpers } from './pool.helpers'

lib/modules/pool/usePoolEvents.tsx

@@ -6,7 +6,7 @@ import {
   GetPoolEventsQuery,
 } from '@/lib/shared/services/api/generated/graphql'
 import { FetchPolicy } from '@apollo/client'
-import { useQuery } from '@apollo/experimental-nextjs-app-support/ssr'
+import { useQuery } from '@apollo/client'
 
 type PoolEventList = GetPoolEventsQuery['poolEvents']
 export type PoolEventItem = PoolEventList[0]

lib/shared/hooks/useProtocolStats.ts

@@ -1,4 +1,4 @@
-import { useQuery } from '@apollo/experimental-nextjs-app-support/ssr'
+import { useQuery } from '@apollo/client'
 import { GetProtocolStatsDocument } from '../services/api/generated/graphql'
 import { supportedNetworks } from '@/lib/modules/web3/ChainConfig'
 

lib/shared/services/api/apollo-client-provider.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 // eslint-disable-next-line max-len
-import { ApolloNextAppProvider } from '@apollo/experimental-nextjs-app-support/ssr'
+import { ApolloNextAppProvider } from '@apollo/experimental-nextjs-app-support'
 import { createApolloClient } from '@/lib/shared/services/api/apollo.client'
 
 export function ApolloClientProvider({ children }: React.PropsWithChildren) {

lib/shared/services/api/apollo-server.client.ts

@@ -1,6 +1,6 @@
 import { config } from '@/lib/config/app.config'
 import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client'
-import { registerApolloClient } from '@apollo/experimental-nextjs-app-support/rsc'
+import { registerApolloClient } from '@apollo/experimental-nextjs-app-support'
 
 export const { getClient: getApolloServerClient } = registerApolloClient(() => {
   return new ApolloClient({

lib/shared/services/api/apollo.client.ts

@@ -1,10 +1,10 @@
 import { config } from '@/lib/config/app.config'
 import { ApolloLink, HttpLink } from '@apollo/client'
 import {
-  NextSSRApolloClient,
-  NextSSRInMemoryCache,
+  ApolloClient,
+  InMemoryCache,
   SSRMultipartLink,
-} from '@apollo/experimental-nextjs-app-support/ssr'
+} from '@apollo/experimental-nextjs-app-support'
 
 /*const userMiddleware = new ApolloLink((operation, forward) => {
   // add the user address to the headers
@@ -25,7 +25,7 @@ export function createApolloClient() {
   //const keyArgs = ['where', ['poolIdIn']]
   const httpLink = new HttpLink({ uri: config.apiUrl })
 
-  return new NextSSRApolloClient({
+  return new ApolloClient({
     ssrMode: typeof window === 'undefined',
     link:
       typeof window === 'undefined'
@@ -36,7 +36,7 @@ export function createApolloClient() {
             httpLink,
           ])
         : httpLink,
-    cache: new NextSSRInMemoryCache({
+    cache: new InMemoryCache({
       typePolicies: {
         GqlToken: {
           keyFields: ['address', 'chainId'],

package.json

@@ -33,7 +33,7 @@
     "postinstall": "npm run gen:theme-typings"
   },
   "dependencies": {
-    "@apollo/client": "3.8.0-rc.1",
+    "@apollo/client": "^3.11.8",
     "@balancer/sdk": "^0.25.0",
     "@chakra-ui/anatomy": "^2.2.2",
     "@chakra-ui/hooks": "^2.2.1",
@@ -46,10 +46,10 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@nikolovlazar/chakra-ui-prose": "^1.2.1",
-    "@rainbow-me/rainbowkit": "^2.1.3",
+    "@rainbow-me/rainbowkit": "^2.1.6",
     "@sentry/nextjs": "^8.13.0",
     "@studio-freight/react-lenis": "^0.0.47",
-    "@tanstack/react-query": "^5.29.2",
+    "@tanstack/react-query": "^5.56.2",
     "@tanstack/react-query-devtools": "^5.56.0",
     "@tanstack/react-table": "^8.9.3",
     "@vercel/speed-insights": "^1.0.1",
@@ -89,7 +89,7 @@
     "wagmi": "^2.12.11"
   },
   "devDependencies": {
-    "@apollo/experimental-nextjs-app-support": "^0.8.0",
+    "@apollo/experimental-nextjs-app-support": "^0.11.3",
     "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/styled-system": "^2.9.2",
     "@graphql-codegen/cli": "^5.0.0",
@@ -135,8 +135,8 @@
     "stylelint-config-standard": "^33.0.0",
     "stylelint-prettier": "^3.0.0",
     "typescript": "5.4.5",
-    "vitest": "1.4.0",
-    "vitest-mock-extended": "^1.3.1"
+    "vitest": "^2.1.1",
+    "vitest-mock-extended": "^2.0.2"
   },
   "pnpm": {
     "peerDependencyRules": {