fix: dedupe dependencies and remove critical vulnerabilities

Author: 5ZYSZ3K

apps/discovery/package.json

@@ -81,7 +81,7 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "babel-preset-expo": "^54.0.5",
     "ignore-loader": "^0.1.2",
-    "jest-expo": "^54.0.12",
+    "jest-expo": "^54.0.14",
     "typescript": "^5.4.5"
   },
   "private": true

packages/render/package.json

@@ -70,7 +70,6 @@
     "react-native": "0.81.5",
     "react-native-accessibility-engine": "patch:react-native-accessibility-engine@npm%3A3.2.0#~/.yarn/patches/react-native-accessibility-engine-npm-3.2.0-5709303461.patch",
     "react-native-builder-bob": "^0.40.13",
-    "react-performance-testing": "^2.0.0",
     "react-test-renderer": "19.1.0",
     "typescript": "^5.4.5"
   },

packages/render/src/elements/__tests__/ListElement.test.tsx

@@ -3,7 +3,6 @@ import { TBlock } from '@native-html/transient-render-engine';
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import { render, waitFor } from '@testing-library/react-native';
-import { perf, wait } from 'react-performance-testing';
 import buildTREFromConfig from '../../helpers/buildTREFromConfig';
 import RenderHTMLConfigProvider from '../../RenderHTMLConfigProvider';
 import { DefaultSupportedListStyleType } from '../../shared-types';
@@ -79,7 +78,13 @@ describe('ListElement', () => {
   for (const listStyleType of listStyleTypes) {
     for (const dir of ['ltr', 'rtl']) {
       it(`should render and support listStyleType ${listStyleType} in ${dir}`, async () => {
-        const { renderCount } = perf<{ ListElement: unknown }>(React);
+        let renderCount = 0;
+        function TrackedListElement(
+          props: React.ComponentProps<typeof ListElement>
+        ) {
+          renderCount++;
+          return React.createElement(ListElement, props);
+        }
         const props = makeListElementProps(
           `<ol dir="${dir}"><li>One</li></ol>`,
           'ol',
@@ -91,15 +96,12 @@ describe('ListElement', () => {
         render(
           <TRenderEngineProvider>
             <RenderHTMLConfigProvider>
-              {React.createElement(ListElement, props)}
+              <TrackedListElement {...props} />
             </RenderHTMLConfigProvider>
           </TRenderEngineProvider>
         );
-        await wait(() => {
-          // Expect only one instance
-          expect(typeof renderCount.current.ListElement.value).toBe('number');
-          // Expect only one render
-          expect(renderCount.current.ListElement.value).toBeLessThan(2);
+        await waitFor(() => {
+          expect(renderCount).toBeLessThan(2);
         });
       });
     }

packages/render/src/elements/__tests__/useIMGElementState.test.ts

@@ -1,20 +1,18 @@
 import React from 'react';
 import { renderHook, render } from '@testing-library/react-native';
-import { perf, wait } from 'react-performance-testing/native';
 import useIMGElementState from '../useIMGElementState';
 import { Image } from 'react-native';
 import { waitFor } from '@testing-library/react-native';
 
-/**
- * Renders the hook inside a named component to allow extracting perf results
- */
 function renderHookForPerf(renderFn: () => void) {
+  let renderCount = 0;
   function TestComponent() {
+    renderCount++;
     renderFn();
     return null;
   }
-
-  return render(React.createElement(TestComponent));
+  const utils = render(React.createElement(TestComponent));
+  return { ...utils, getRenderCount: () => renderCount };
 }
 
 describe('useIMGElementState', () => {
@@ -25,34 +23,30 @@ describe('useIMGElementState', () => {
     computeMaxWidth: (contentWidth: number) => contentWidth
   };
   it('should render at most twice when width and height physical dimensions are not provided, prior and after fetching physical dimensions', async () => {
-    const { renderCount } = perf<{ TestComponent: unknown }>(React);
-
-    renderHookForPerf(() => useIMGElementState(props));
-    await wait(() => {
-      expect(renderCount.current.TestComponent.value).toBeLessThan(2);
+    const { getRenderCount } = renderHookForPerf(() => useIMGElementState(props));
+    await waitFor(() => {
+      expect(getRenderCount()).toBeLessThan(2);
     });
   });
   it('should use Image.getSizeWithHeaders when source has `headers`', async () => {
-    const { renderCount } = perf<{ TestComponent: unknown }>(React);
     const source = { uri: 'http://via.placeholder.com/640x360', headers: {} };
     const localProps = { ...props, source };
-    renderHookForPerf(() => useIMGElementState(localProps));
-    await wait(() => {
-      expect(renderCount.current.TestComponent.value).toBeLessThan(2);
+    const { getRenderCount } = renderHookForPerf(() => useIMGElementState(localProps));
+    await waitFor(() => {
+      expect(getRenderCount()).toBeLessThan(2);
     });
     expect(Image.getSizeWithHeaders).toHaveBeenCalled();
   });
   it('should render once when width and height physical dimensions are provided, bypassing the fetching of physical dimensions', async () => {
-    const { renderCount } = perf<{ TestComponent: unknown }>(React);
-    renderHookForPerf(() =>
+    const { getRenderCount } = renderHookForPerf(() =>
       useIMGElementState({
         ...props,
         width: 600,
         height: 300
       })
     );
-    await wait(() => {
-      expect(renderCount.current.TestComponent.value).toBe(1);
+    await waitFor(() => {
+      expect(getRenderCount()).toBe(1);
     });
   });
   it('should start in loading state with dimensions set to initialDimensions', async () => {