fix(deps): update dependency @growthbook/growthbook-react to v0.22.0 (#1789)

* fix(deps): update dependency @growthbook/growthbook-react to v0.22.0

* chore: add changeset renovate-446b7ad

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Scaleway Bot <github@scaleway.com>

Author: renovate[bot]

.changeset/renovate-446b7ad.md

@@ -0,0 +1,5 @@
+---
+'@scaleway/use-growthbook': patch
+---
+
+Updated dependency `@growthbook/growthbook-react` to `0.24.0`.

package.json

@@ -7,8 +7,8 @@
   "type": "module",
   "packageManager": "pnpm@8.15.4",
   "engines": {
-    "node": ">=18.x",
-    "pnpm": ">=7.x"
+    "node": ">=20.x",
+    "pnpm": ">=8.x"
   },
   "devDependencies": {
     "@babel/core": "7.24.0",

packages/use-growthbook/package.json

@@ -25,7 +25,7 @@
     "feature flags"
   ],
   "dependencies": {
-    "@growthbook/growthbook-react": "0.21.0"
+    "@growthbook/growthbook-react": "0.24.0"
   },
   "devDependencies": {
     "react": "18.2.0"

packages/use-growthbook/src/AbTestProvider.tsx

@@ -72,12 +72,14 @@ export const AbTestProvider = ({
   useEffect(() => {
     const currentAttributes = growthbook.getAttributes()
     if (currentAttributes !== attributes) {
-      growthbook.setAttributes({
-        ...currentAttributes,
-        ...attributes,
-      })
+      growthbook
+        .setAttributes({
+          ...currentAttributes,
+          ...attributes,
+        })
+        .catch(errorCallback)
     }
-  }, [attributes, growthbook])
+  }, [attributes, growthbook, errorCallback])
 
   return (
     <GrowthBookProvider growthbook={growthbook}>{children}</GrowthBookProvider>

packages/use-growthbook/src/__mocks__/@growthbook/growthbook-react.tsx

@@ -1,10 +1,11 @@
+import type { GrowthBook as GBType } from '@growthbook/growthbook-react'
 import { jest } from '@jest/globals'
 import type { ReactNode } from 'react'
 
 const GrowthBook = jest.fn(() => ({
-  loadFeatures: jest.fn(),
-  getAttributes: jest.fn(),
-  setAttributes: jest.fn(),
+  loadFeatures: jest.fn<GBType['loadFeatures']>(),
+  getAttributes: jest.fn<GBType['getAttributes']>(),
+  setAttributes: jest.fn<GBType['setAttributes']>(() => Promise.resolve()),
 }))
 const GrowthBookProvider = ({ children }: { children: ReactNode }) => children
 

packages/use-growthbook/src/__tests__/AbTestProvider.tsx

@@ -11,11 +11,10 @@ type TrackingCallback = ComponentProps<
 type ErrorCallback = ComponentProps<typeof AbTestProvider>['errorCallback']
 
 describe('AbTestProvider', () => {
-  let trackingCallback: TrackingCallback
-  let errorCallback: ErrorCallback
+  const trackingCallback = jest.fn<TrackingCallback>()
+  const errorCallback: ErrorCallback = () => null
 
   beforeEach(() => {
-    trackingCallback = jest.fn()
     jest.clearAllMocks()
   })
   it('should init GrowthBook once', () => {

packages/use-growthbook/src/__tests__/useAbTestAttributes.ts

@@ -8,13 +8,12 @@ jest.mock('@growthbook/growthbook-react')
 
 describe('useAbTestAttributes', () => {
   let getAttributes: () => Attributes
-  let setAttributes: (attributes: Attributes) => null | undefined
+  let setAttributes: (attributes: Attributes) => Promise<void>
 
   beforeEach(() => {
-    getAttributes = jest
-      .fn()
-      .mockReturnValue({ foo: 'bar' }) as () => Attributes
-    setAttributes = jest.fn() as (attributes: Attributes) => null | undefined
+    getAttributes = jest.fn<() => Attributes>().mockReturnValue({ foo: 'bar' })
+    setAttributes = jest.fn(() => Promise.resolve())
+
     jest.spyOn(growthbook, 'useGrowthBook').mockReturnValue({
       getAttributes,
       setAttributes,

packages/use-growthbook/src/types.ts

@@ -1,4 +1,4 @@
-import type { Context } from '@growthbook/growthbook-react'
+import type { Context, GrowthBook } from '@growthbook/growthbook-react'
 
 export type Attributes = Record<string, string | number | undefined>
 
@@ -7,11 +7,7 @@ export type Attributes = Record<string, string | number | undefined>
  * @param {number} [timeout] - 500.
  * @param {boolean} [skipCache] - false.
  */
-export type LoadConfig = {
-  autoRefresh: boolean
-  timeout: number
-  skipCache: boolean
-}
+export type LoadConfig = NonNullable<Parameters<GrowthBook['loadFeatures']>[0]>
 
 export type ToolConfig = Pick<
   Context,