pkg: Update all non-major dependencies (#3366)

* pkg: Update all non-major dependencies

* internal: Test RN using react 19

---------

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

Author: renovate[bot]

.circleci/config.yml

@@ -119,6 +119,8 @@ jobs:
             if [ "<< parameters.react-version >>" == "^17" ]; then
               yarn test:ci --maxWorkers=3 --selectProjects ReactDOM --testPathPattern packages/react packages/use-enhanced-reducer packages/img
             elif [ "<< parameters.react-version >>" == "^18" ]; then
+              yarn test:ci --maxWorkers=4 --selectProjects ReactDOM --testPathPattern packages/react packages/use-enhanced-reducer packages/img
+            else
               curl -Os https://uploader.codecov.io/latest/linux/codecov;
               chmod +x codecov;
               yarn run test:coverage --ci --maxWorkers=3 --coverageReporters=text-lcov > ./lcov.info;
@@ -127,8 +129,6 @@ jobs:
               else
                 ./codecov < ./lcov.info || true;
               fi
-            else
-              yarn test:ci --maxWorkers=4 --selectProjects ReactDOM --testPathPattern packages/react packages/use-enhanced-reducer packages/img
             fi
 
   node_matrix:

examples/github-app/package-lock.json

@@ -63,7 +63,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-error-boundary": "^5.0.0",
-    "react-markdown": "9.0.3",
+    "react-markdown": "9.1.0",
     "rehype-highlight": "7.0.2",
     "remark-gfm": "^4.0.0",
     "remark-remove-comments": "^1.0.1",

examples/github-app/package.json

@@ -19,7 +19,7 @@
     "@data-client/react": "^0.14.0",
     "@data-client/rest": "^0.14.0",
     "@number-flow/react": "^0.5.0",
-    "@types/node": "22.13.4",
+    "@types/node": "22.13.5",
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.4",
     "clsx": "^2.1.1",

examples/nextjs/package-lock.json

@@ -67,12 +67,11 @@
     "@react-navigation/native-stack": "^7.0.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/react-native": "13.0.1",
     "@types/jest": "29.5.14",
-    "@types/node": "22.13.4",
+    "@types/node": "22.13.5",
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.4",
     "babel-plugin-module-resolver": "5.0.2",
@@ -97,7 +96,7 @@
     "prettier": "3.5.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-native": "0.77.1",
+    "react-native": "0.78.0",
     "react-native-safe-area-context": "^5.0.0",
     "react-native-screens": "^4.1.0",
     "react-test-renderer": "^19.0.0",

examples/nextjs/package.json

@@ -207,7 +207,7 @@
     "qs": "^6.13.1",
     "react": "19.0.0",
     "react-dom": "^19.0.0",
-    "react-native": "0.77.1",
+    "react-native": "0.78.0",
     "react-native-safe-area-context": "^5.0.0",
     "react-native-screens": "^4.1.0",
     "react-test-renderer": "^19.0.0",

examples/todo-app/package-lock.json

@@ -8,7 +8,6 @@ import { MockResolver } from '@data-client/test';
 import { render, screen, act, fireEvent } from '@testing-library/react-native';
 import { ArticleResource } from '__tests__/new';
 import { useState } from 'react';
-import '@testing-library/jest-native';
 import {
   View,
   Text,
@@ -89,18 +88,25 @@ const TestComponent = () => {
 describe('Integration Garbage Collection React Native', () => {
   it('should render list view and detail view correctly', async () => {
     jest.useFakeTimers();
-    mockGetList.mockResolvedValue([
+
+    mockGetList.mockReturnValue([
       { id: 1, title: 'Article 1', content: 'Content 1' },
       { id: 2, title: 'Article 2', content: 'Content 2' },
     ]);
-    mockGet.mockResolvedValue({
+    mockGet.mockReturnValue({
       id: 1,
       title: 'Article 1',
       content: 'Content 1',
     });
 
     render(<TestComponent />);
 
+    await act(async () => {
+      jest.advanceTimersByTime(1000);
+      InteractionManager.setDeadline(0);
+      await jest.runOnlyPendingTimersAsync();
+    });
+
     // Initial render, should show list view
     expect(await screen.findByText('Article 1')).toBeTruthy();
 
@@ -132,11 +138,15 @@ describe('Integration Garbage Collection React Native', () => {
     });
 
     // Jest time pass to expiry
-    act(() => {
+    await act(async () => {
       jest.advanceTimersByTime(
-        ArticleResource.getList.dataExpiryLength ?? 60000,
+        Math.max(
+          ArticleResource.getList.dataExpiryLength ?? 60000,
+          GC_INTERVAL,
+        ),
       );
       InteractionManager.setDeadline(0);
+      await jest.runOnlyPendingTimersAsync();
     });
 
     expect(await screen.findByText('Content 1')).toBeTruthy();
@@ -154,6 +164,7 @@ describe('Integration Garbage Collection React Native', () => {
     });
 
     expect(screen.getByText('Loading...')).toBeTruthy();
+    await jest.runOnlyPendingTimersAsync();
     jest.useRealTimers();
   });
 });

package.json

@@ -7,19 +7,11 @@ import {
   ArticleResource,
   Article,
 } from '__tests__/new';
-import nock from 'nock';
 
 import { makeRenderDataClient } from '../../../../test';
 import { ControllerContext } from '../../context';
 import useSubscription from '../useSubscription';
 
-function jsonNock() {
-  return nock(/.*/).defaultReplyHeaders({
-    'Access-Control-Allow-Origin': '*',
-    'Content-Type': 'application/json',
-  });
-}
-
 describe.each([
   ['CacheProvider', CacheProvider],
   ['ExternalDataProvider', ExternalDataProvider],
@@ -43,6 +35,7 @@ describe.each([
       content: string;
       tags: string[];
     },
+    responseMock: jest.Mock,
     waitFor: <T>(callback: () => Promise<T> | T, options?: any) => Promise<T>,
   ) {
     // should be null to start
@@ -55,16 +48,12 @@ describe.each([
     expect(result.current).toBeInstanceOf(Article);
     expect(result.current).toEqual(Article.fromJS(articlePayload));
     // should update again after frequency
-    const fiverNock = jsonNock()
-      .get(`/article/${articlePayload.id}`)
-      .reply(200, { ...articlePayload, title: 'fiver' });
+    responseMock.mockReturnValue({ ...articlePayload, title: 'fiver' });
 
     jest.advanceTimersByTime(frequency);
 
-    await waitFor(() => expect(fiverNock.isDone()).toBeTruthy());
-    jest.useRealTimers();
     await renderDataClient.allSettled();
-    expect((result.current as any).title).toBe('fiver');
+    await waitFor(() => expect((result.current as any).title).toBe('fiver'));
   }
 
   function onError(e: any) {
@@ -85,35 +74,20 @@ describe.each([
   });
 
   beforeEach(() => {
-    nock(/.*/)
-      .persist()
-      .defaultReplyHeaders({
-        'Access-Control-Allow-Origin': '*',
-        'Content-Type': 'application/json',
-      })
-      .options(/.*/)
-      .reply(200);
-
-    jsonNock()
-      .get(`/article-cooler/${articlePayload.id}`)
-      .reply(200, articlePayload)
-      .get(`/article/${articlePayload.id}`)
-      .reply(200, articlePayload);
     renderDataClient = makeRenderDataClient(makeProvider);
   });
   afterEach(() => {
     renderDataClient.cleanup();
-    nock.cleanAll();
     jest.useRealTimers();
   });
 
   it('useSubscription() + useCache()', async () => {
-    jest.useFakeTimers({
-      legacyFakeTimers: true,
-    });
+    jest.useFakeTimers();
     const frequency = PollingArticleResource.get.pollFrequency as number;
     expect(frequency).toBeDefined();
 
+    const responseMock = jest.fn(({ id }) => articlePayload);
+
     const { result, rerender, waitFor } = renderDataClient(
       ({ active }) => {
         useSubscription(
@@ -122,30 +96,47 @@ describe.each([
         );
         return useCache(PollingArticleResource.get, { id: articlePayload.id });
       },
-      { initialProps: { active: true } },
+      {
+        initialProps: { active: true },
+        resolverFixtures: [
+          {
+            endpoint: PollingArticleResource.get,
+            response: responseMock,
+          },
+        ],
+      },
     );
 
-    await validateSubscription(result, frequency, articlePayload, waitFor);
-
+    await validateSubscription(
+      result,
+      frequency,
+      articlePayload,
+      responseMock,
+      waitFor,
+    );
     // should not update if active is false
+    responseMock.mockReturnValue({ ...articlePayload, title: 'sixer' });
+
     rerender({ active: false });
-    jsonNock()
-      .get(`/article/${articlePayload.id}`)
-      .reply(200, { ...articlePayload, title: 'sixer' });
     jest.advanceTimersByTime(frequency);
     expect((result.current as any).title).toBe('fiver');
 
     // errors should not fail when data already exists
-    nock.cleanAll();
-    jsonNock()
-      .get(`/article/${articlePayload.id}`)
-      .reply(403, () => {
-        return { message: 'you fail' };
-      });
+    responseMock.mockImplementation(({ id }) => {
+      const error: any = new Error('you fail');
+      error.status = 403;
+      throw error;
+    });
+    const fetchCount = responseMock.mock.calls.length;
     rerender({ active: true });
     jest.advanceTimersByTime(frequency);
-    expect((result.current as any).title).toBe('fiver');
+    await waitFor(() =>
+      expect(responseMock.mock.calls.length > fetchCount).toBeTruthy(),
+    );
     jest.useRealTimers();
+    await renderDataClient.allSettled();
+
+    expect((result.current as any).title).toBe('fiver');
   });
 
   it('should console.error() with no frequency specified', async () => {
@@ -163,20 +154,37 @@ describe.each([
   });
 
   it('useSubscription() without active arg', async () => {
-    jest.useFakeTimers({
-      legacyFakeTimers: true,
-    });
+    jest.useFakeTimers();
     const frequency = PollingArticleResource.get.pollFrequency as number;
     expect(frequency).toBeDefined();
     expect(PollingArticleResource.anotherGet.pollFrequency).toBeDefined();
 
-    const { result, waitFor } = renderDataClient(() => {
-      useSubscription(PollingArticleResource.get, { id: articlePayload.id });
-      return useCache(PollingArticleResource.get, { id: articlePayload.id });
-    });
+    const responseMock = jest.fn(({ id }) => articlePayload);
+
+    const { result, waitFor } = renderDataClient(
+      () => {
+        useSubscription(PollingArticleResource.get, { id: articlePayload.id });
+        return useCache(PollingArticleResource.get, { id: articlePayload.id });
+      },
+      {
+        resolverFixtures: [
+          {
+            endpoint: PollingArticleResource.get,
+            response: responseMock,
+          },
+        ],
+      },
+    );
 
-    await validateSubscription(result, frequency, articlePayload, waitFor);
+    await validateSubscription(
+      result,
+      frequency,
+      articlePayload,
+      responseMock,
+      waitFor,
+    );
     await renderDataClient.allSettled();
+    jest.useRealTimers();
   });
 
   it('useSubscription() should dispatch data-client/subscribe only once even with rerender', async () => {