Create codemod for addressing ESLint warnings (#10032)

src/state/messages/events/index.tsx

@@ -1,16 +1,14 @@
-import React from 'react'
+import {createContext, useContext, useEffect, useState} from 'react'
 import {AppState} from 'react-native'
 
 import {MessagesEventBus} from '#/state/messages/events/agent'
 import {useAgent, useSession} from '#/state/session'
 
-const MessagesEventBusContext = React.createContext<MessagesEventBus | null>(
-  null,
-)
+const MessagesEventBusContext = createContext<MessagesEventBus | null>(null)
 MessagesEventBusContext.displayName = 'MessagesEventBusContext'
 
 export function useMessagesEventBus() {
-  const ctx = React.useContext(MessagesEventBusContext)
+  const ctx = useContext(MessagesEventBusContext)
   if (!ctx) {
     throw new Error(
       'useMessagesEventBus must be used within a MessagesEventBusProvider',
@@ -45,14 +43,14 @@ export function MessagesEventBusProviderInner({
   children: React.ReactNode
 }) {
   const agent = useAgent()
-  const [bus] = React.useState(
+  const [bus] = useState(
     () =>
       new MessagesEventBus({
         agent,
       }),
   )
 
-  React.useEffect(() => {
+  useEffect(() => {
     bus.resume()
 
     return () => {
@@ -60,7 +58,7 @@ export function MessagesEventBusProviderInner({
     }
   }, [bus])
 
-  React.useEffect(() => {
+  useEffect(() => {
     const handleAppStateChange = (nextAppState: string) => {
       if (nextAppState === 'active') {
         bus.resume()