[MOO-1870] React Native 0.78 New Architecture compatibility fixes (#383)

vadymv-mendix · web-flow · commit 0e0121812fbd · 2025-12-10T13:21:03.000+01:00
diff --git a/configs/e2e/native_dependencies.json b/configs/e2e/native_dependencies.json
@@ -6,7 +6,7 @@
     "react-native-material-menu": "1.2.0",
     "react-native-linear-gradient": "2.8.3",
     "@react-native-community/netinfo": "11.4.1",
-    "react-native-svg": "15.11.1",
+    "react-native-svg": "15.12.1",
     "react-native-video": "6.10.0",
     "@react-native-async-storage/async-storage": "2.0.0",
     "react-native-vision-camera": "4.7.1",
diff --git a/packages/jsActions/mobile-resources-native/package.json b/packages/jsActions/mobile-resources-native/package.json
@@ -17,9 +17,9 @@
     "branchName": "main"
   },
   "scripts": {
-    "prestart": "rimraf ./dist",
+    "prestart": "rimraf ./dist/**",
     "start": "rollup --config ../../../configs/jsactions/rollup.config.mjs --watch --configProject nativemobileresources",
-    "prebuild": "rimraf ./dist",
+    "prebuild": "rimraf ./dist/**",
     "build": "rollup --config ../../../configs/jsactions/rollup.config.mjs --configProject nativemobileresources",
     "lint": "eslint --config ../../../.eslintrc.js --ext .jsx,.js,.ts,.tsx src/",
     "release": "pnpm build",
@@ -47,6 +47,6 @@
     "@types/querystringify": "^2.0.0",
     "@types/url-parse": "^1.4.3",
     "mendix": "~10.0.9976",
-    "rimraf": "^6.0.1"
+    "rimraf": "^6.1.2"
   }
 }
diff --git a/packages/pluggableWidgets/bottom-sheet-native/CHANGELOG.md b/packages/pluggableWidgets/bottom-sheet-native/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+-   Updated react-native-reanimated to v3.17.5. This addresses compatibility issues with React Native 0.78 and later versions.
+
 ## [5.0.2] - 2025-10-2
 
 -   Updated react-native-reanimated to v3.16.7
diff --git a/packages/pluggableWidgets/bottom-sheet-native/package.json b/packages/pluggableWidgets/bottom-sheet-native/package.json
@@ -25,7 +25,7 @@
     "@shopify/flash-list": "1.7.3",
     "react-native-device-info": "14.0.4",
     "react-native-gesture-handler": "2.24.0",
-    "react-native-reanimated": "3.16.7"
+    "react-native-reanimated": "3.17.5"
   },
   "devDependencies": {
     "@mendix/pluggable-widgets-tools": "*",
diff --git a/packages/pluggableWidgets/gallery-text-filter-native/CHANGELOG.md b/packages/pluggableWidgets/gallery-text-filter-native/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+-   Updated react-native-svg to v15.12.1. This addresses compatibility issues with React Native 0.78 and later versions.
+
 ## [2.0.0] - 2024-12-3
 
 ### Changed
diff --git a/packages/pluggableWidgets/gallery-text-filter-native/package.json b/packages/pluggableWidgets/gallery-text-filter-native/package.json
@@ -22,7 +22,7 @@
   "dependencies": {
     "@mendix/piw-native-utils-internal": "*",
     "@mendix/piw-utils-internal": "*",
-    "react-native-svg": "15.7.1"
+    "react-native-svg": "15.12.1"
   },
   "devDependencies": {
     "@mendix/pluggable-widgets-tools": "*"
diff --git a/packages/pluggableWidgets/image-native/CHANGELOG.md b/packages/pluggableWidgets/image-native/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+-   Updated react-native-svg to v15.12.1. This addresses compatibility issues with React Native 0.78 and later versions.
+
 ## [3.0.1] - 2025-10-2
 
 ### Changed
diff --git a/packages/pluggableWidgets/image-native/package.json b/packages/pluggableWidgets/image-native/package.json
@@ -25,7 +25,7 @@
     "@d11/react-native-fast-image": "8.11.1",
     "@mendix/piw-native-utils-internal": "*",
     "@mendix/piw-utils-internal": "*",
-    "react-native-svg": "15.7.1",
+    "react-native-svg": "15.12.1",
     "react-native-vector-icons": "10.2.0"
   },
   "devDependencies": {
diff --git a/packages/pluggableWidgets/image-native/src/components/__tests__/__snapshots__/Image.spec.tsx.snap b/packages/pluggableWidgets/image-native/src/components/__tests__/__snapshots__/Image.spec.tsx.snap
@@ -80,7 +80,6 @@ exports[`Widget Dynamic Image SVG renders the structure 1`] = `
       ]
     }
     testID="Image1$SvgUri"
-    tintColor="#000"
     uri="file:///this/is/a/fake/path.svg"
     vbHeight={9999}
     vbWidth={9999}
@@ -300,7 +299,6 @@ exports[`Widget Dynamic Image SVG renders the structure inside a modal 1`] = `
         ]
       }
       testID="Image1$SvgUri"
-      tintColor="#000"
       uri="file:///this/is/a/fake/path.svg"
       vbHeight={9999}
       vbWidth={9999}
@@ -466,7 +464,6 @@ exports[`Widget Dynamic Image SVG renders the structure inside a modal 1`] = `
             ]
           }
           testID="Image1$SvgUri"
-          tintColor="#000"
           uri="file:///this/is/a/fake/path.svg"
           vbHeight={9999}
           vbWidth={9999}
@@ -583,7 +580,6 @@ exports[`Widget Dynamic Image SVG renders the structure with custom height 1`] =
       ]
     }
     testID="Image1$SvgUri"
-    tintColor="#000"
     uri="file:///this/is/a/fake/path.svg"
     vbHeight={9999}
     vbWidth={9999}
@@ -697,7 +693,6 @@ exports[`Widget Dynamic Image SVG renders the structure with custom width 1`] =
       ]
     }
     testID="Image1$SvgUri"
-    tintColor="#000"
     uri="file:///this/is/a/fake/path.svg"
     vbHeight={9999}
     vbWidth={9999}
@@ -2057,7 +2052,6 @@ exports[`Widget Static Image SVG renders the structure 1`] = `
       ]
     }
     testID="Image1$SvgXml"
-    tintColor="#000"
     vbHeight={15}
     vbWidth={15}
     version={1.1}
@@ -2160,7 +2154,6 @@ exports[`Widget Static Image SVG renders the structure as a background image 1`]
         ]
       }
       testID="Image1$SvgXml"
-      tintColor="#000"
       vbHeight={15}
       vbWidth={15}
       version={1.1}
@@ -2267,7 +2260,6 @@ exports[`Widget Static Image SVG renders the structure as a background image wit
         ]
       }
       testID="Image1$SvgXml"
-      tintColor="#000"
       vbHeight={15}
       vbWidth={15}
       version={1.1}
@@ -2374,7 +2366,6 @@ exports[`Widget Static Image SVG renders the structure as a background image wit
         ]
       }
       testID="Image1$SvgXml"
-      tintColor="#000"
       vbHeight={15}
       vbWidth={15}
       version={1.1}
@@ -2502,7 +2493,6 @@ exports[`Widget Static Image SVG renders the structure inside a modal 1`] = `
         ]
       }
       testID="Image1$SvgXml"
-      tintColor="#000"
       vbHeight={15}
       vbWidth={15}
       version={1.1}
@@ -2671,7 +2661,6 @@ exports[`Widget Static Image SVG renders the structure inside a modal 1`] = `
             ]
           }
           testID="Image1$SvgXml"
-          tintColor="#000"
           vbHeight={15}
           vbWidth={15}
           version={1.1}
@@ -2792,7 +2781,6 @@ exports[`Widget Static Image SVG renders the structure with custom height 1`] =
       ]
     }
     testID="Image1$SvgXml"
-    tintColor="#000"
     vbHeight={15}
     vbWidth={15}
     version={1.1}
@@ -2910,7 +2898,6 @@ exports[`Widget Static Image SVG renders the structure with custom width 1`] = `
       ]
     }
     testID="Image1$SvgXml"
-    tintColor="#000"
     vbHeight={15}
     vbWidth={15}
     version={1.1}
diff --git a/packages/pluggableWidgets/qr-code-native/CHANGELOG.md b/packages/pluggableWidgets/qr-code-native/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+-   Updated react-native-svg to v15.12.1. This addresses compatibility issues with React Native 0.78 and later versions.
+
 ## [4.0.0] - 2024-12-3
 
 ### Changed
diff --git a/packages/pluggableWidgets/qr-code-native/package.json b/packages/pluggableWidgets/qr-code-native/package.json
@@ -21,7 +21,7 @@
   "dependencies": {
     "@mendix/piw-native-utils-internal": "*",
     "react-native-qrcode-svg": "6.0.6",
-    "react-native-svg": "15.7.1"
+    "react-native-svg": "15.12.1"
   },
   "devDependencies": {
     "@mendix/piw-utils-internal": "1.0.0",
diff --git a/packages/tools/piw-native-utils-internal/package.json b/packages/tools/piw-native-utils-internal/package.json
@@ -14,14 +14,14 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "start": "tsc --watch",
-    "prebuild": "rimraf ./dist",
+    "prebuild": "rimraf ./dist/**",
     "build": "tsc",
     "lint": "eslint --config ../../../.eslintrc.js --ext .jsx,.js,.ts,.tsx src/",
     "prepare": "pnpm build",
     "postinstall": "pnpm build"
   },
   "devDependencies": {
     "@mendix/pluggable-widgets-tools": "*",
-    "rimraf": "^5.0.10"
+    "rimraf": "^6.1.2"
   }
 }
diff --git a/packages/tools/piw-utils-internal/package.json b/packages/tools/piw-utils-internal/package.json
@@ -14,7 +14,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "start": "tsc --watch",
-    "prebuild": "rimraf ./dist",
+    "prebuild": "rimraf ./dist/**",
     "build": "tsc",
     "lint": "eslint --config ../../../.eslintrc.js --ext .jsx,.js,.ts,.tsx src/",
     "prepare": "pnpm build",
@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@mendix/pluggable-widgets-tools": "*",
-    "rimraf": "^5.0.10"
+    "rimraf": "^6.1.2"
   },
   "files": [
     "components",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
@@ -80,7 +80,6 @@ exports[`Widget Dynamic Image SVG renders the structure 1`] = `
`80`	`80`	`]`
`81`	`81`	`}`
`82`	`82`	`testID="Image1$SvgUri"`
`83`		`- tintColor="#000"`
`84`	`83`	`uri="file:///this/is/a/fake/path.svg"`
`85`	`84`	`vbHeight={9999}`
`86`	`85`	`vbWidth={9999}`
@@ -300,7 +299,6 @@ exports[`Widget Dynamic Image SVG renders the structure inside a modal 1`] = `
`300`	`299`	`]`
`301`	`300`	`}`
`302`	`301`	`testID="Image1$SvgUri"`
`303`		`- tintColor="#000"`
`304`	`302`	`uri="file:///this/is/a/fake/path.svg"`
`305`	`303`	`vbHeight={9999}`
`306`	`304`	`vbWidth={9999}`
@@ -466,7 +464,6 @@ exports[`Widget Dynamic Image SVG renders the structure inside a modal 1`] = `
`466`	`464`	`]`
`467`	`465`	`}`
`468`	`466`	`testID="Image1$SvgUri"`
`469`		`- tintColor="#000"`
`470`	`467`	`uri="file:///this/is/a/fake/path.svg"`
`471`	`468`	`vbHeight={9999}`
`472`	`469`	`vbWidth={9999}`
@@ -583,7 +580,6 @@ exports[`Widget Dynamic Image SVG renders the structure with custom height 1`] =
`583`	`580`	`]`
`584`	`581`	`}`
`585`	`582`	`testID="Image1$SvgUri"`
`586`		`- tintColor="#000"`
`587`	`583`	`uri="file:///this/is/a/fake/path.svg"`
`588`	`584`	`vbHeight={9999}`
`589`	`585`	`vbWidth={9999}`
@@ -697,7 +693,6 @@ exports[`Widget Dynamic Image SVG renders the structure with custom width 1`] =
`697`	`693`	`]`
`698`	`694`	`}`
`699`	`695`	`testID="Image1$SvgUri"`
`700`		`- tintColor="#000"`
`701`	`696`	`uri="file:///this/is/a/fake/path.svg"`
`702`	`697`	`vbHeight={9999}`
`703`	`698`	`vbWidth={9999}`
@@ -2057,7 +2052,6 @@ exports[`Widget Static Image SVG renders the structure 1`] = `
`2057`	`2052`	`]`
`2058`	`2053`	`}`
`2059`	`2054`	`testID="Image1$SvgXml"`
`2060`		`- tintColor="#000"`
`2061`	`2055`	`vbHeight={15}`
`2062`	`2056`	`vbWidth={15}`
`2063`	`2057`	`version={1.1}`
@@ -2160,7 +2154,6 @@ exports[`Widget Static Image SVG renders the structure as a background image 1`]
`2160`	`2154`	`]`
`2161`	`2155`	`}`
`2162`	`2156`	`testID="Image1$SvgXml"`
`2163`		`- tintColor="#000"`
`2164`	`2157`	`vbHeight={15}`
`2165`	`2158`	`vbWidth={15}`
`2166`	`2159`	`version={1.1}`
@@ -2267,7 +2260,6 @@ exports[`Widget Static Image SVG renders the structure as a background image wit
`2267`	`2260`	`]`
`2268`	`2261`	`}`
`2269`	`2262`	`testID="Image1$SvgXml"`
`2270`		`- tintColor="#000"`
`2271`	`2263`	`vbHeight={15}`
`2272`	`2264`	`vbWidth={15}`
`2273`	`2265`	`version={1.1}`
@@ -2374,7 +2366,6 @@ exports[`Widget Static Image SVG renders the structure as a background image wit
`2374`	`2366`	`]`
`2375`	`2367`	`}`
`2376`	`2368`	`testID="Image1$SvgXml"`
`2377`		`- tintColor="#000"`
`2378`	`2369`	`vbHeight={15}`
`2379`	`2370`	`vbWidth={15}`
`2380`	`2371`	`version={1.1}`
@@ -2502,7 +2493,6 @@ exports[`Widget Static Image SVG renders the structure inside a modal 1`] = `
`2502`	`2493`	`]`
`2503`	`2494`	`}`
`2504`	`2495`	`testID="Image1$SvgXml"`
`2505`		`- tintColor="#000"`
`2506`	`2496`	`vbHeight={15}`
`2507`	`2497`	`vbWidth={15}`
`2508`	`2498`	`version={1.1}`
@@ -2671,7 +2661,6 @@ exports[`Widget Static Image SVG renders the structure inside a modal 1`] = `
`2671`	`2661`	`]`
`2672`	`2662`	`}`
`2673`	`2663`	`testID="Image1$SvgXml"`
`2674`		`- tintColor="#000"`
`2675`	`2664`	`vbHeight={15}`
`2676`	`2665`	`vbWidth={15}`
`2677`	`2666`	`version={1.1}`
@@ -2792,7 +2781,6 @@ exports[`Widget Static Image SVG renders the structure with custom height 1`] =
`2792`	`2781`	`]`
`2793`	`2782`	`}`
`2794`	`2783`	`testID="Image1$SvgXml"`
`2795`		`- tintColor="#000"`
`2796`	`2784`	`vbHeight={15}`
`2797`	`2785`	`vbWidth={15}`
`2798`	`2786`	`version={1.1}`
@@ -2910,7 +2898,6 @@ exports[`Widget Static Image SVG renders the structure with custom width 1`] = `
`2910`	`2898`	`]`
`2911`	`2899`	`}`
`2912`	`2900`	`testID="Image1$SvgXml"`
`2913`		`- tintColor="#000"`
`2914`	`2901`	`vbHeight={15}`
`2915`	`2902`	`vbWidth={15}`
`2916`	`2903`	`version={1.1}`