Update lock file to only bring in @types/react 19 - fix a few type errors from 18=>19 bump (#14726)

* Update to @types/react 19

* Change files

Author: acoates-ms

change/@office-iss-react-native-win32-bb0a2f17-47f8-4b3c-a3d5-83f59f87b208.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update to @types/react 19",
+  "packageName": "@office-iss/react-native-win32",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-9fe6828d-4ba7-4748-933a-b07d1f404589.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update to @types/react 19",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/@office-iss/react-native-win32-tester/src/js/components/TextWin32Test.tsx

@@ -121,56 +121,56 @@ export const examples = [
     {
       title: 'Text Runs Example',
       description: 'text runs in action',
-      render(): JSX.Element {
+      render() {
         return (<TextRunsTest />);
       },
     },
     {
       title: 'Focusable Example',
       description: 'focusable in action',
-      render(): JSX.Element {
+      render() {
         return (<FocusableTextTest />);
       },
     },
     {
       title: 'Selectable Example',
       description: 'selectable in action',
-      render(): JSX.Element {
+      render() {
         return (<SelectableTextTest />);
       },
     },
     {
       title: 'TextStyle Example',
       description: 'TextStyles in action',
-      render(): JSX.Element {
+      render() {
         return (<TextStyleTest />);
       },
     },
     {
       title: 'Acessibility Example',
       description: 'Acessibility on Text in action',
-      render(): JSX.Element {
+      render() {
         return (<TextAcessibilityTest />);
       },
     },
     {
       title: 'Tooltip Example',
       description: 'tooltips in action',
-      render(): JSX.Element {
+      render() {
         return (<TooltipTextTest />);
       },
     },
     {
       title: 'TextPromotion Example',
       description: 'dynamic increases in focusability in action',
-      render(): JSX.Element {
+      render() {
         return (<TextPromotionTest />);
       },
     },
     {
       title: 'Focus and Blur Example',
       description: 'onFocus/onBlur in action',
-      render(): JSX.Element {
+      render() {
         return (<BlurringAndFocusingTextTest />);
       },
     },

packages/@office-iss/react-native-win32-tester/src/js/components/ViewWin32Test.tsx

@@ -285,7 +285,7 @@ export const examples = [
   {
     title: 'focus() method example',
     description: 'Each of these black boxes moves focus to the ViewWin32 on the right',
-    render(): JSX.Element {
+    render() {
       return (
         <ViewWin32>
           <FocusMoverTestComponent />
@@ -298,35 +298,35 @@ export const examples = [
   {
     title: 'KeyboardEvents example',
     description: 'Native keyboarding has been prevented',
-    render(): JSX.Element {
+    render() {
       return <KeyboardTestComponent />;
     },
   },
   {
     title: 'Hover example',
     description: 'Hover a rainbow',
-    render(): JSX.Element {
+    render() {
       return <HoverExample />;
     },
   },
   {
     title: 'Tooltip example',
     description: 'Displays a tooltip on hover',
-    render(): JSX.Element {
+    render() {
       return <ToolTipExample />;
     },
   },
   {
     title: 'Cursor example',
     description: 'Each of these boxes should display a different cursor',
-    render(): JSX.Element {
+    render() {
       return <CursorExample />;
     },
   },
   {
     title: 'EnableFocusRing example',
     description: 'Displays focus visuals that are driven by native',
-    render(): JSX.Element {
+    render() {
       return <EnableFocusRingExample />;
     },
   },

packages/@office-iss/react-native-win32-tester/src/js/examples-win32/Accessibility/AccessibilityExampleWin32.tsx

@@ -329,7 +329,7 @@ const getItemLayout = (data: ArrayLike<IListProps>, index: number) => ({ length:
 const keyExtractor = (item: IListProps) => item.label.toString();
 
 interface IFlatListProps {
-  renderItem: (item: ListRenderItemInfo<IListProps>) => JSX.Element;
+  renderItem: (item: ListRenderItemInfo<IListProps>) => React.JSX.Element;
   getItemLayout?: (
     data: ArrayLike<IListProps>,
     index: number

packages/@office-iss/react-native-win32-tester/src/js/examples-win32/Theming/ThemingModuleAPI.tsx

@@ -24,7 +24,7 @@ const styles = StyleSheet.create({
 
 const Theming = NativeModules.Theming;
 
-const ifModuleAvailable = (wrappedComponent: JSX.Element) => {
+const ifModuleAvailable = (wrappedComponent: React.JSX.Element) => {
   return Theming ? wrappedComponent : <Text>Theming Native Module not available</Text>;
 };
 

packages/@office-iss/react-native-win32/src-win/Libraries/Components/TextInput/Tests/TextInputTest.tsx

@@ -114,49 +114,49 @@ export const examples = [
     {
       title: 'Autofocus Example',
       description: 'autoFocus in action',
-      render(): JSX.Element {
+      render() {
         return (<AutoFocusingTextInputTest />);
       },
     },
     {
       title: 'Placeholders Example',
       description: 'placeholder in action',
-      render(): JSX.Element {
+      render() {
         return (<PlaceholderTextInputTest />);
       },
     },
     {
       title: 'Controlled Example',
       description: 'Controlling inputs in action',
-      render(): JSX.Element {
+      render() {
         return (<ControllingTextInputTest />);
       },
     },
     {
       title: 'Focus and Blur Example',
       description: 'onFocus/onBlur in action',
-      render(): JSX.Element {
+      render() {
         return (<BlurringAndFocusingTextInputTest />);
       },
     },
     {
       title: 'ContentSizeChange Example',
       description: 'onContentSizeChange in action',
-      render(): JSX.Element {
+      render() {
         return (<LayoutListeningTextInputTest />);
       },
     },
     {
       title: 'Control via onKeyPress Example',
       description: 'onKeyPress in action',
-      render(): JSX.Element {
+      render() {
         return (<KeyPressListeningTextInputTest />);
       },
     },
     {
       title: 'Super Styling Example',
       description: 'Styling in action',
-      render(): JSX.Element {
+      render() {
         return (<StyleTextInputTest />);
       },
     },

packages/@office-iss/react-native-win32/src-win/Libraries/Components/Touchable/Tests/TouchableWin32Test.tsx

@@ -481,21 +481,21 @@ export const examples = [
   {
     title: 'TouchableWithoutFeedback Example',
     description: 'A simple example implementation of without feedback behavior',
-    render(): JSX.Element {
+    render() {
       return <TouchableWithoutFeedbackExample />;
     },
   },
   {
     title: 'TouchableHighlight Example',
     description: 'A simple example implementation of highlight behavior',
-    render(): JSX.Element {
+    render() {
       return <TouchableHighlightExample />;
     },
   },
   {
     title: 'Imperative Focus on TouchableWin32 Example',
     description: 'A simple example implementation of imperative focus behavior',
-    render(): JSX.Element {
+    render() {
       return <TouchableFocusExample />;
     },
   }

packages/@office-iss/react-native-win32/src-win/Libraries/Image/Tests/ImageWin32Test.tsx

@@ -10,7 +10,7 @@ export const examples = [
     {
       title: 'Win32 Image control test',
       description: 'Test Image',
-      render(): JSX.Element {
+      render() {
         return (
           <Image
             style={ { width: 100, height: 100 } }

packages/@react-native-windows/tester/src/js/examples-win/Accessibility/AccessibilityExampleWindows.tsx

@@ -594,31 +594,31 @@ export const description = 'Usage of accessibility properties.';
 export const examples = [
   {
     title: 'Label, Hint',
-    render: function (): JSX.Element {
+    render: function () {
       return <AccessibilityBaseExample />;
     },
   },
   {
     title: 'Touchables',
-    render: function (): JSX.Element {
+    render: function () {
       return <TouchableExamples />;
     },
   },
   {
     title: 'HighContrast',
-    render: function (): JSX.Element {
+    render: function () {
       return <HighContrastExample />;
     },
   },
   {
     title: 'States',
-    render: function (): JSX.Element {
+    render: function () {
       return <AccessibilityStateExamples />;
     },
   },
   {
     title: 'Lists',
-    render: function (): JSX.Element {
+    render: function () {
       return <AccessibilityListExamples />;
     },
   },