Update failing overrides from upstream commit f15985f4f

Author: Harini Malothu

packages/@react-native/tester/js/components/RNTConfigurationBlock.js

@@ -15,7 +15,7 @@ import * as React from 'react';
 import {useContext} from 'react';
 import {StyleSheet, View} from 'react-native';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   children?: ?React.Node,
   testID?: string,
 }>;

packages/@react-native/tester/js/components/RNTOption.js

@@ -18,7 +18,7 @@ import * as React from 'react';
 import {useContext, useState} from 'react';
 import {Pressable, StyleSheet, Text, View} from 'react-native';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   testID?: ?string,
   label: string,
   onPress?: ?(event: GestureResponderEvent) => unknown,

packages/@react-native/tester/js/components/RNTTitleBar.js

@@ -98,7 +98,7 @@ const styles = StyleSheet.create({
   header: {
     height: 40,
     flexDirection: 'row',
-    marginTop: Platform.OS === 'ios' ? 50 : 0,
+    marginTop: Platform.OS === 'ios' && !Platform.isTV ? 50 : 0,
   },
   headerCenter: {
     flex: 1,

packages/@react-native/tester/js/components/RNTesterBlock.js

@@ -13,7 +13,7 @@ import * as React from 'react';
 import {useContext} from 'react';
 import {StyleSheet, Text, View} from 'react-native';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   children?: React.Node,
   title?: ?string,
   description?: ?string,

packages/@react-native/tester/js/components/RNTesterButton.js

@@ -15,7 +15,7 @@ import type {GestureResponderEvent} from 'react-native';
 import React from 'react';
 import {Pressable, StyleSheet, Text} from 'react-native';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   testID?: string,
   textTestID?: string,
   children?: React.Node,

packages/@react-native/tester/js/components/RNTesterComponentTitle.js

@@ -13,7 +13,7 @@ import {RNTesterThemeContext} from './RNTesterTheme';
 const React = require('react');
 const {StyleSheet, Text} = require('react-native');
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   children: string,
 }>;
 

packages/@react-native/tester/js/components/RNTesterDocumentationURL.js

@@ -12,7 +12,7 @@ import * as React from 'react';
 import {Image, StyleSheet, TouchableOpacity} from 'react-native';
 import openURLInBrowser from 'react-native/Libraries/Core/Devtools/openURLInBrowser';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   documentationURL: string,
 }>;
 

packages/@react-native/tester/js/components/RNTesterNavbar.js

@@ -57,7 +57,7 @@ const ComponentTab = ({
   isComponentActive,
   handleNavBarPress,
   theme,
-}: $ReadOnly<{
+}: Readonly<{
   handleNavBarPress: NavBarOnPressHandler,
   isComponentActive: boolean,
   theme: RNTesterTheme,
@@ -78,7 +78,7 @@ const PlaygroundTab = ({
   isComponentActive,
   handleNavBarPress,
   theme,
-}: $ReadOnly<{
+}: Readonly<{
   handleNavBarPress: NavBarOnPressHandler,
   isComponentActive: boolean,
   theme: RNTesterTheme,
@@ -99,7 +99,7 @@ const APITab = ({
   isAPIActive,
   handleNavBarPress,
   theme,
-}: $ReadOnly<{
+}: Readonly<{
   handleNavBarPress: NavBarOnPressHandler,
   isAPIActive: boolean,
   theme: RNTesterTheme,
@@ -116,7 +116,7 @@ const APITab = ({
   />
 );
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   handleNavBarPress: NavBarOnPressHandler,
   screen: string,
   isExamplePageOpen: boolean,

packages/@react-native/tester/js/components/RNTesterPage.js

@@ -15,7 +15,7 @@ import {useContext} from 'react';
 const React = require('react');
 const {Platform, ScrollView, StyleSheet, View} = require('react-native');
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   children?: React.Node,
   title?: ?string,
   noScroll?: ?boolean,

packages/@react-native/tester/js/components/RNTesterText.js

@@ -14,7 +14,7 @@ import {RNTesterThemeContext} from './RNTesterTheme';
 import React, {useContext, useMemo} from 'react';
 import {Text} from 'react-native';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   ...TextProps,
   variant?: 'body' | 'label' | 'caption',
 }>;