upgrade @types/react to 19 + run codemod

src/view/com/pager/PagerWithHeader.web.tsx

@@ -1,11 +1,15 @@
 import * as React from 'react'
-import {ScrollView, View} from 'react-native'
+import {type ScrollView, View} from 'react-native'
 import {useAnimatedRef} from 'react-native-reanimated'
 
-import {Pager, PagerRef, RenderTabBarFnProps} from '#/view/com/pager/Pager'
+import {
+  Pager,
+  type PagerRef,
+  type RenderTabBarFnProps,
+} from '#/view/com/pager/Pager'
 import {atoms as a, web} from '#/alf'
 import * as Layout from '#/components/Layout'
-import {ListMethods} from '../util/List'
+import {type ListMethods} from '../util/List'
 import {TabBar} from './TabBar'
 
 export interface PagerWithHeaderChildParams {
@@ -17,15 +21,15 @@ export interface PagerWithHeaderChildParams {
 export interface PagerWithHeaderProps {
   testID?: string
   children:
-    | (((props: PagerWithHeaderChildParams) => JSX.Element) | null)[]
-    | ((props: PagerWithHeaderChildParams) => JSX.Element)
+    | (((props: PagerWithHeaderChildParams) => React.JSX.Element) | null)[]
+    | ((props: PagerWithHeaderChildParams) => React.JSX.Element)
   items: string[]
   isHeaderReady: boolean
   renderHeader?: ({
     setMinimumHeight,
   }: {
     setMinimumHeight: () => void
-  }) => JSX.Element
+  }) => React.JSX.Element
   initialPage?: number
   onPageSelected?: (index: number) => void
   onCurrentPageSelected?: (index: number) => void
@@ -123,11 +127,11 @@ let PagerTabBar = ({
     setMinimumHeight,
   }: {
     setMinimumHeight: () => void
-  }) => JSX.Element
+  }) => React.JSX.Element
   isHeaderReady: boolean
   onCurrentPageSelected?: (index: number) => void
   onSelect?: (index: number) => void
-  tabBarAnchor?: JSX.Element | null | undefined
+  tabBarAnchor?: React.JSX.Element | null | undefined
 }): React.ReactNode => {
   return (
     <>
@@ -164,7 +168,7 @@ function PagerItem({
   renderTab,
 }: {
   isFocused: boolean
-  renderTab: ((props: PagerWithHeaderChildParams) => JSX.Element) | null
+  renderTab: ((props: PagerWithHeaderChildParams) => React.JSX.Element) | null
 }) {
   const scrollElRef = useAnimatedRef()
   if (renderTab == null) {