Add annotations to fix future errors after fix for unsound array types (#52691)

Summary:
Pull Request resolved: #52691

Unannotated array literals are unsound in Flow right now. This diff adds in annotations and makes a few things readonly, to reduce future errors.

Changelog: [Internal]

Reviewed By: marcoww6

Differential Revision: D78519638

fbshipit-source-id: d98a7668ecf97bcc87dcb3fad25ade736d885d9a

Author: SamChou19815

packages/rn-tester/js/examples/Accessibility/AccessibilityAndroidExample.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import RNTesterBlock from '../../components/RNTesterBlock';
 import RNTesterPage from '../../components/RNTesterPage';
 import RNTesterText from '../../components/RNTesterText';
@@ -282,4 +284,4 @@ exports.examples = [
       return <AccessibilityAndroidExample />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js

@@ -10,6 +10,7 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {EventSubscription, GestureResponderEvent} from 'react-native';
 
 import RNTesterBlock from '../../components/RNTesterBlock';
@@ -2250,4 +2251,4 @@ exports.examples = [
       return <LabelCooptingExample />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/Accessibility/AccessibilityIOSExample.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 const {RNTesterThemeContext} = require('../../components/RNTesterTheme');
 const React = require('react');
 const {Alert, Text, View} = require('react-native');
@@ -83,4 +85,4 @@ exports.examples = [
       return <AccessibilityIOSExample />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js

@@ -10,6 +10,7 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {HostInstance} from 'react-native';
 
 import {RNTesterThemeContext} from '../../components/RNTesterTheme';
@@ -573,4 +574,4 @@ exports.examples = [
       return <ShareScreenshotAnchorExample />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExApp.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import AnExSet from './AnExSet';
 import React from 'react';
 import {
@@ -396,4 +398,4 @@ exports.examples = [
       return <AnExApp />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/Appearance/AppearanceExample.js

@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {ColorSchemeName} from 'react-native';
 
 import RNTesterText from '../../components/RNTesterText';
@@ -245,4 +246,4 @@ exports.examples = [
       return <ToggleNativeAppearance />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/BoxShadow/BoxShadowExample.js

@@ -8,6 +8,8 @@
  * @format
  */
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import * as React from 'react';
 import {Image, StyleSheet, View} from 'react-native';
 
@@ -191,4 +193,4 @@ exports.examples = [
       );
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/Button/ButtonExample.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 const {RNTesterThemeContext} = require('../../components/RNTesterTheme');
 const React = require('react');
 const {Alert, Button, StyleSheet, View} = require('react-native');
@@ -221,7 +223,7 @@ exports.examples = [
       );
     },
   },
-];
+] as Array<RNTesterModuleExample>;
 
 const styles = StyleSheet.create({
   container: {

packages/rn-tester/js/examples/ContentURLAndroid/ContentURLAndroid.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import RNTesterBlock from '../../components/RNTesterBlock';
 import RNTesterPage from '../../components/RNTesterPage';
 import RNTesterText from '../../components/RNTesterText';
@@ -116,4 +118,4 @@ exports.examples = [
       return <ContentURLAndroidExample />;
     },
   },
-];
+] as Array<RNTesterModuleExample>;

packages/rn-tester/js/examples/Crash/CrashExample.js

@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {Node} from 'react';
 
 import React from 'react';
@@ -37,4 +38,4 @@ exports.examples = [
       );
     },
   },
-];
+] as Array<RNTesterModuleExample>;