fix: native builds and react conflicts

Author: V3RON

apps/playground/package.json

@@ -6,8 +6,8 @@
     "test:harness": "jest --selectProjects react-native-harness"
   },
   "dependencies": {
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "react-native": "0.82.1",
     "react-native-web": "^0.21.2"
   },

apps/playground/src/__tests__/ui/__image_snapshots__/chromium/orange-square-element-only.png

@@ -39,9 +39,7 @@
     "zustand": "^5.0.5"
   },
   "devDependencies": {
-    "@types/chai": "^5.2.2",
-    "react": "*",
-    "react-native": "*"
+    "@types/chai": "^5.2.2"
   },
   "author": {
     "name": "Szymon Chmal",

packages/runtime/package.json

@@ -1,5 +1,12 @@
 import { TurboModuleRegistry, type TurboModule } from 'react-native';
-import { type ViewInfo } from '../types.js';
+
+// This interface needs to be there for Codegen to work.
+export interface ViewInfo {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
 
 interface Spec extends TurboModule {
   simulatePress(x: number, y: number): Promise<void>;

packages/ui/src/harness/native-harness.ts packages/ui/src/NativeHarnessUI.tspackages/ui/src/harness/native-harness.ts renamed to packages/ui/src/NativeHarnessUI.ts

@@ -1,4 +1,4 @@
-import { type HarnessUIModule, type ViewInfo } from '../types.js';
+import { type HarnessUIModule, type ViewInfo } from './types.js';
 
 declare global {
   interface Window {

packages/ui/src/harness/web-harness.ts packages/ui/src/WebHarnessUI.tspackages/ui/src/harness/web-harness.ts renamed to packages/ui/src/WebHarnessUI.ts

@@ -0,0 +1,12 @@
+import { Platform } from "react-native";
+import { HarnessUIModule } from "./types.js";
+
+const getHarnessUI = (): HarnessUIModule => {
+	if (Platform.OS === 'web') {
+		return require('./WebHarnessUI.js').default;
+	}
+
+	return require('./NativeHarnessUI.js').default;
+}
+
+export default getHarnessUI();

packages/ui/src/harness.ts

@@ -1,6 +1,6 @@
 import { type ViewInfo } from './types.js';
 import { waitFor } from '@react-native-harness/runtime';
-import HarnessUI from './harness/index.js';
+import HarnessUI from './harness.js';
 
 /**
  * Represents an element found on screen with its position and dimensions.

packages/ui/src/harness/index.ts

@@ -1,4 +1,4 @@
-import HarnessUI from './harness/index.js';
+import HarnessUI from './harness.js';
 import type { ElementReference } from './screen.js';
 
 /**