diff --git a/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js b/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js
index 9f849330c18..243f7145f46 100644
--- a/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js
+++ b/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js
@@ -9,11 +9,9 @@
* @oncall react_native
*/
-'use strict';
import type MemoryInfo from 'react-native/src/private/webapis/performance/MemoryInfo';
import type ReactNativeStartupTiming from 'react-native/src/private/webapis/performance/ReactNativeStartupTiming';
-import RNTesterPage from '../../components/RNTesterPage';
import {RNTesterThemeContext} from '../../components/RNTesterTheme';
import * as React from 'react';
import {useContext, useEffect} from 'react';
@@ -37,22 +35,20 @@ function MemoryExample(): React.Node {
setMemoryInfo(performance.memory);
}, []);
return (
-
-
-
-
-
- {`jsHeapSizeLimit: ${String(memoryInfo?.jsHeapSizeLimit)} bytes`}
-
-
- {`totalJSHeapSize: ${String(memoryInfo?.totalJSHeapSize)} bytes`}
-
-
- {`usedJSHeapSize: ${String(memoryInfo?.usedJSHeapSize)} bytes`}
-
-
+
+
+
+
+ {`jsHeapSizeLimit: ${String(memoryInfo?.jsHeapSizeLimit)} bytes`}
+
+
+ {`totalJSHeapSize: ${String(memoryInfo?.totalJSHeapSize)} bytes`}
+
+
+ {`usedJSHeapSize: ${String(memoryInfo?.usedJSHeapSize)} bytes`}
+
-
+
);
}
@@ -68,45 +64,43 @@ function StartupTimingExample(): React.Node {
setStartUpTiming(performance.rnStartupTiming);
}, []);
return (
-
-
-
-
- {`startTime: ${String(startUpTiming?.startTime)} ms`}
- {`initializeRuntimeStart: ${String(
- startUpTiming?.initializeRuntimeStart,
- )} ms`}
-
- {`executeJavaScriptBundleEntryPointStart: ${String(
- startUpTiming?.executeJavaScriptBundleEntryPointStart,
- )} ms`}
-
- {`executeJavaScriptBundleEntryPointEnd: ${String(
- startUpTiming?.executeJavaScriptBundleEntryPointEnd,
- )} ms`}
- {`initializeRuntimeEnd: ${String(
- startUpTiming?.initializeRuntimeEnd,
- )} ms`}
- {`endTime: ${String(startUpTiming?.endTime)} ms`}
-
+
+
+
+ {`startTime: ${String(startUpTiming?.startTime)} ms`}
+ {`initializeRuntimeStart: ${String(
+ startUpTiming?.initializeRuntimeStart,
+ )} ms`}
+
+ {`executeJavaScriptBundleEntryPointStart: ${String(
+ startUpTiming?.executeJavaScriptBundleEntryPointStart,
+ )} ms`}
+
+ {`executeJavaScriptBundleEntryPointEnd: ${String(
+ startUpTiming?.executeJavaScriptBundleEntryPointEnd,
+ )} ms`}
+ {`initializeRuntimeEnd: ${String(
+ startUpTiming?.initializeRuntimeEnd,
+ )} ms`}
+ {`endTime: ${String(startUpTiming?.endTime)} ms`}
-
+
);
}
@@ -132,30 +126,23 @@ function PerformanceObserverUserTimingExample(): React.Node {
}, []);
return (
-
-
-
-
- {entries.map((entry, index) =>
- entry.entryType === 'mark' ? (
-
- Mark {entry.name}: {entry.startTime}
-
- ) : (
-
- Measure {entry.name}: {entry.startTime} -{' '}
- {entry.startTime + entry.duration} ({entry.duration}ms)
-
- ),
- )}
-
+
+
+
+ {entries.map((entry, index) =>
+ entry.entryType === 'mark' ? (
+
+ Mark {entry.name}: {entry.startTime}
+
+ ) : (
+
+ Measure {entry.name}: {entry.startTime} -{' '}
+ {entry.startTime + entry.duration} ({entry.duration}ms)
+
+ ),
+ )}
-
+
);
}