diff --git a/Libraries/Inspector/DevtoolsOverlay.js b/Libraries/Inspector/DevtoolsOverlay.js index a4c780add9..59df46ab29 100644 --- a/Libraries/Inspector/DevtoolsOverlay.js +++ b/Libraries/Inspector/DevtoolsOverlay.js @@ -8,16 +8,17 @@ * @flow */ -import ElementBox from './ElementBox'; -import * as React from 'react'; import type {PressEvent} from '../Types/CoreEventTypes'; +import type {HostRef} from './getInspectorDataForViewAtPoint'; + import View from '../Components/View/View'; import StyleSheet from '../StyleSheet/StyleSheet'; import Dimensions from '../Utilities/Dimensions'; -const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint'); -const {findNodeHandle} = require('../ReactNative/RendererProxy'); +import ElementBox from './ElementBox'; +import * as React from 'react'; -import type {HostRef} from './getInspectorDataForViewAtPoint'; +const {findNodeHandle} = require('../ReactNative/RendererProxy'); +const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint'); const {useEffect, useState, useCallback, useRef} = React; @@ -28,7 +29,9 @@ export default function DevtoolsOverlay({ }: { inspectedView: ?HostRef, }): React.Node { - const [inspected, setInspected] = useState(null); + const [inspected, setInspected] = useState(null); const [isInspecting, setIsInspecting] = useState(false); const devToolsAgentRef = useRef(null); diff --git a/packages/rn-tester/js/examples/Pressable/PressableExample.js b/packages/rn-tester/js/examples/Pressable/PressableExample.js index e7a32024c1..bc3689ba57 100644 --- a/packages/rn-tester/js/examples/Pressable/PressableExample.js +++ b/packages/rn-tester/js/examples/Pressable/PressableExample.js @@ -10,14 +10,14 @@ import * as React from 'react'; import { + Alert, Animated, Image, + Platform, Pressable, StyleSheet, Text, - Platform, View, - Alert, } from 'react-native'; import ReactNativeFeatureFlags from 'react-native/Libraries/ReactNative/ReactNativeFeatureFlags'; @@ -101,7 +101,7 @@ function PressableAriaLabel() { ); } function PressableFeedbackEvents() { - const [eventLog, setEventLog] = useState([]); + const [eventLog, setEventLog] = useState>([]); function appendEvent(eventName: string) { const limit = 6; @@ -137,7 +137,7 @@ function PressableFeedbackEvents() { } function PressableDelayEvents() { - const [eventLog, setEventLog] = useState([]); + const [eventLog, setEventLog] = useState>([]); function appendEvent(eventName: string) { const limit = 6; diff --git a/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js b/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js index eb34fc30fe..02ae2f9f33 100644 --- a/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js +++ b/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js @@ -8,26 +8,24 @@ * @format */ -import * as React from 'react'; +import type {RNTesterModuleExample} from '../../types/RNTesterTypes'; +import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet'; +import ScrollViewPressableStickyHeaderExample from './ScrollViewPressableStickyHeaderExample'; +import nullthrows from 'nullthrows'; +import * as React from 'react'; +import {useCallback, useState} from 'react'; import { Platform, + RefreshControl, ScrollView, StyleSheet, Text, + TextInput, TouchableOpacity, View, - TextInput, - RefreshControl, } from 'react-native'; -import nullthrows from 'nullthrows'; - -import {useState, useCallback} from 'react'; -import type {RNTesterModuleExample} from '../../types/RNTesterTypes'; -import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet'; -import ScrollViewPressableStickyHeaderExample from './ScrollViewPressableStickyHeaderExample'; - class EnableDisableList extends React.Component<{}, {scrollEnabled: boolean}> { state: {scrollEnabled: boolean} = { scrollEnabled: true, @@ -570,7 +568,7 @@ const SnapToOptions = () => { const snapToAlignmentModes = ['start', 'center', 'end']; const [snapToEnd, setSnapToEnd] = useState(true); const [snapToInterval, setSnapToInterval] = useState(0); - const [snapToOffsets, setSnapToOffsets] = useState([]); + const [snapToOffsets, setSnapToOffsets] = useState>([]); const [snapToStart, setSnapToStart] = useState(true); return ( @@ -655,7 +653,12 @@ const ScrollToOptions = () => { }; const ScrollIndicatorExample = () => { - const [scrollIndicatorInsets, setScrollIndicatorInsets] = useState(null); + const [scrollIndicatorInsets, setScrollIndicatorInsets] = useState(null); const [showsHorizontalScrollIndic, setShowsHorizontalScrollIndic] = useState(true); const [showsVerticalScrollIndic, setShowsVerticalScrollIndic] = @@ -1101,8 +1104,15 @@ const DecelerationRateExample = () => { const ContentExample = () => { const [canCancelContentTouches, setCanCancelContentTouches] = useState(false); - const [contentInset, setContentInset] = useState(null); - const [contentContainerStyle, setContentContainerStyle] = useState(null); + const [contentInset, setContentInset] = useState(null); + const [contentContainerStyle, setContentContainerStyle] = useState(null); const [contentInsetAdjustmentBehavior, setContentInsetAdjustmentBehavior] = useState('never'); return (