Create codemod for addressing ESLint warnings (#10032)

src/view/screens/Feeds.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import {useCallback, useMemo, useRef, useState} from 'react'
 import {ActivityIndicator, StyleSheet, View} from 'react-native'
 import {type AppBskyFeedDefs} from '@atproto/api'
 import {msg} from '@lingui/core/macro'
@@ -108,8 +108,8 @@ export function FeedsScreen(_props: Props) {
   const pal = usePalette('default')
   const {openComposer} = useOpenComposer()
   const {isMobile} = useWebMediaQueries()
-  const [query, setQuery] = React.useState('')
-  const [isPTR, setIsPTR] = React.useState(false)
+  const [query, setQuery] = useState('')
+  const [isPTR, setIsPTR] = useState(false)
   const {
     data: savedFeeds,
     isPlaceholderData: isSavedFeedsPlaceholder,
@@ -135,20 +135,20 @@ export function FeedsScreen(_props: Props) {
     error: searchError,
   } = useSearchPopularFeedsMutation()
   const {hasSession} = useSession()
-  const listRef = React.useRef<ListMethods>(null)
+  const listRef = useRef<ListMethods>(null)
 
   /**
    * A search query is present. We may not have search results yet.
    */
   const isUserSearching = query.length > 1
-  const debouncedSearch = React.useMemo(
+  const debouncedSearch = useMemo(
     () => debounce(q => search(q), 500), // debounce for 500ms
     [search],
   )
-  const onPressCompose = React.useCallback(() => {
+  const onPressCompose = useCallback(() => {
     openComposer({logContext: 'Fab'})
   }, [openComposer])
-  const onChangeQuery = React.useCallback(
+  const onChangeQuery = useCallback(
     (text: string) => {
       setQuery(text)
       if (text.length > 1) {
@@ -160,15 +160,15 @@ export function FeedsScreen(_props: Props) {
     },
     [setQuery, refetchPopularFeeds, debouncedSearch, resetSearch],
   )
-  const onPressCancelSearch = React.useCallback(() => {
+  const onPressCancelSearch = useCallback(() => {
     setQuery('')
     refetchPopularFeeds()
     resetSearch()
   }, [refetchPopularFeeds, setQuery, resetSearch])
-  const onSubmitQuery = React.useCallback(() => {
+  const onSubmitQuery = useCallback(() => {
     debouncedSearch(query)
   }, [query, debouncedSearch])
-  const onPullToRefresh = React.useCallback(async () => {
+  const onPullToRefresh = useCallback(async () => {
     setIsPTR(true)
     await Promise.all([
       refetchSavedFeeds().catch(_e => undefined),
@@ -176,7 +176,7 @@ export function FeedsScreen(_props: Props) {
     ])
     setIsPTR(false)
   }, [setIsPTR, refetchSavedFeeds, refetchPopularFeeds])
-  const onEndReached = React.useCallback(() => {
+  const onEndReached = useCallback(() => {
     if (
       isPopularFeedsFetching ||
       isUserSearching ||
@@ -194,12 +194,12 @@ export function FeedsScreen(_props: Props) {
   ])
 
   useFocusEffect(
-    React.useCallback(() => {
+    useCallback(() => {
       setMinimalShellMode(false)
     }, [setMinimalShellMode]),
   )
 
-  const items = React.useMemo(() => {
+  const items = useMemo(() => {
     let slices: FlatlistSlice[] = []
     const hasActualSavedCount =
       !isSavedFeedsPlaceholder ||
@@ -383,7 +383,7 @@ export function FeedsScreen(_props: Props) {
     item => item.type === 'popularFeedsHeader',
   )
 
-  const onChangeSearchFocus = React.useCallback(
+  const onChangeSearchFocus = useCallback(
     (focus: boolean) => {
       if (focus && searchBarIndex > -1) {
         if (IS_NATIVE) {
@@ -408,7 +408,7 @@ export function FeedsScreen(_props: Props) {
     [searchBarIndex, isMobile],
   )
 
-  const renderItem = React.useCallback(
+  const renderItem = useCallback(
     ({item}: {item: FlatlistSlice}) => {
       if (item.type === 'error') {
         return <ErrorMessage message={item.error} />