Upgrade to React 19 and React 0.78 (#365)

Author: karahanharunn

.nvmrc

@@ -1 +1 @@
-20.16.0
+v20

package.json

@@ -42,18 +42,18 @@
     "@actions/core": "^1.6.0",
     "@commitlint/cli": "^18.6.1",
     "@commitlint/config-conventional": "^18.6.3",
-    "@react-native/babel-preset": "0.77.3",
-    "@testing-library/react-native": "^13.3.3",
+    "@react-native/babel-preset": "0.78.2",
+    "@testing-library/react-native": "^13.2.0",
     "@types/big.js": "^6.2.2",
     "@types/concurrently": "^6.3.0",
     "@types/enzyme": "^3.10.18",
     "@types/jasmine": "^3.10.18",
     "@types/mime": "^2.0.3",
     "@types/node": "^20.16.14",
-    "@types/react": "~18.0.38",
-    "@types/react-dom": "~18.0.11",
+    "@types/react": "~19.0.12",
+    "@types/react-dom": "~19.0.4",
     "@types/react-native-vector-icons": "6.4.12",
-    "@types/react-test-renderer": "~18.0.7",
+    "@types/react-test-renderer": "~19.0.0",
     "@types/shelljs": "^0.8.15",
     "@types/xml2js": "^0.4.14",
     "cross-env": "^7.0.3",
@@ -82,15 +82,16 @@
     "overrides": {
       "@mendix/pluggable-widgets-tools": "10.21.1",
       "@rollup/plugin-typescript": "12.1.4",
-      "mendix": "10.15.46408",
-      "@types/react": "^18",
-      "react": "18.2.0",
-      "react-dom": "18.2.0",
-      "react-native": "0.77.3",
+      "mendix": "10.24.81004",
+      "react": "19.0.0",
+      "react-dom": "19.0.0",
+      "react-native": "0.78.2",
+      "@types/react": "~19.0.12",
+      "@types/react-dom": "~19.0.4",
       "@prettier/plugin-xml": "2.2.0",
-      "@types/react-native": "0.73.0",
       "cheerio": "1.0.0-rc.12",
-      "typescript": "~5.8.0"
+      "typescript": "~5.8.3",
+      "react-test-renderer": "19.0.0"
     },
     "patchedDependencies": {
       "@mendix/pluggable-widgets-tools@10.21.1": "patches/@mendix+pluggable-widgets-tools+10.21.1.patch",

packages/jsActions/mobile-resources-native/package.json

@@ -47,6 +47,6 @@
     "@types/querystringify": "^2.0.0",
     "@types/url-parse": "^1.4.3",
     "mendix": "~10.0.9976",
-    "rimraf": "^5.0.10"
+    "rimraf": "^6.0.1"
   }
 }

packages/pluggableWidgets/accordion-native/src/Accordion.tsx

@@ -1,4 +1,4 @@
-import { createElement, ReactElement, useState, useCallback, useEffect } from "react";
+import { ReactElement, useState, useCallback, useEffect } from "react";
 import { View, LayoutAnimation, Platform, UIManager } from "react-native";
 import { flattenStyles } from "@mendix/piw-native-utils-internal";
 import { executeAction } from "@mendix/piw-utils-internal";

packages/pluggableWidgets/accordion-native/src/__tests__/Accordion.spec.tsx

@@ -1,5 +1,4 @@
 import { actionValue, dynamicValue, EditableValueBuilder } from "@mendix/piw-utils-internal";
-import { createElement } from "react";
 import { Pressable, Text } from "react-native";
 import { fireEvent, render } from "@testing-library/react-native";
 import { Accordion, Props } from "../Accordion";

packages/pluggableWidgets/accordion-native/src/components/AccordionGroup.tsx

@@ -1,4 +1,4 @@
-import { createElement, ReactElement } from "react";
+import { ReactElement } from "react";
 import { View, Pressable, Text } from "react-native";
 import { DynamicValue, NativeIcon } from "mendix";
 

packages/pluggableWidgets/accordion-native/src/components/CollapsibleView.tsx

@@ -1,4 +1,4 @@
-import { createElement, ReactElement, ReactNode } from "react";
+import { ReactNode, ReactElement } from "react";
 import { View, ViewStyle } from "react-native";
 
 interface CollapsibleViewProps {

packages/pluggableWidgets/accordion-native/src/components/GroupIcon.tsx

@@ -1,4 +1,4 @@
-import { createElement, ReactElement, useRef, useEffect } from "react";
+import { ReactElement, useRef, useEffect } from "react";
 import { Animated, Easing, View } from "react-native";
 import { DynamicValue, NativeIcon } from "mendix";
 import { Icon } from "mendix/components/native/Icon";

packages/pluggableWidgets/activity-indicator-native/src/ActivityIndicator.tsx

@@ -1,5 +1,5 @@
 import { flattenStyles } from "@mendix/piw-native-utils-internal";
-import { Component, createElement } from "react";
+import { Component, JSX } from "react";
 import { ActivityIndicator as RNActivityIndicator, View } from "react-native";
 
 import { ActivityIndicatorProps } from "../typings/ActivityIndicatorProps";

packages/pluggableWidgets/activity-indicator-native/src/__tests__/ActivityIndicator.spec.tsx

@@ -1,6 +1,4 @@
-import { createElement } from "react";
 import { render } from "@testing-library/react-native";
-
 import { ActivityIndicator, Props } from "../ActivityIndicator";
 
 const defaultProps: Props = {