fix: add @types/react dependencies for TypeScript compilation

- Add @types/react to root package.json for react-native type declarations
- Add @types/react to design-system-shared for ReactNode type imports
- Add @types/react to design-system-twrnc-preset devDependencies
- Fix design-system-twrnc-preset tsconfig to use jsx: react instead of react-native
- Remove accidental @testing-library/dom declarations from global.d.ts

Author: georgewrmarshall

package.json

@@ -96,6 +96,7 @@
     "@types/jest": "^27.4.1",
     "@types/lodash": "^4.14.191",
     "@types/node": "^16.18.54",
+    "@types/react": "^18.2.0",
     "@types/semver": "^7",
     "@typescript-eslint/eslint-plugin": "^8.7.0",
     "@typescript-eslint/parser": "^8.7.0",

packages/design-system-react/global.d.ts

@@ -10,17 +10,3 @@ declare module '*.svg' {
   const src: string;
   export default src;
 }
-
-declare module '@testing-library/dom' {
-  export type Queries = any;
-  export type BoundFunction<T = any> = (...args: any[]) => any;
-  export const queries: Queries;
-  export const screen: any;
-  export const fireEvent: any;
-  export function waitFor<T = any>(callback: () => T, options?: any): Promise<T>;
-  export function waitForElementToBeRemoved<T = any>(callback: () => T, options?: any): Promise<void>;
-  export function act(fn: () => any): Promise<any> | void;
-  export function within(...args: any[]): any;
-  export function configure(options: any): void;
-  export function getConfig(): any;
-}

packages/design-system-shared/package.json

@@ -52,6 +52,7 @@
     "@metamask/auto-changelog": "^5.3.2",
     "@ts-bridge/cli": "^0.6.3",
     "@types/jest": "^27.4.1",
+    "@types/react": "^18.2.0",
     "deepmerge": "^4.2.2",
     "jest": "^29.7.0",
     "ts-jest": "^29.2.5",

packages/design-system-twrnc-preset/package.json

@@ -69,6 +69,7 @@
     "@ts-bridge/cli": "^0.6.3",
     "@types/babel__preset-env": "^7",
     "@types/jest": "^27.4.1",
+    "@types/react": "^18.2.0",
     "@types/react-test-renderer": "^18",
     "babel-jest": "^29.7.0",
     "deepmerge": "^4.2.2",

packages/design-system-twrnc-preset/tsconfig.build.json

@@ -4,8 +4,8 @@
     "baseUrl": "./",
     "outDir": "./dist",
     "rootDir": "./src",
-    "jsx": "react-native",
-    "types": ["react-native", "jest"],
+    "jsx": "react",
+    "types": ["jest"],
     "emitDeclarationOnly": false
   },
   "references": [{ "path": "../design-tokens/tsconfig.build.json" }],

yarn.lock

@@ -3508,6 +3508,7 @@ __metadata:
     "@metamask/utils": "npm:^11.10.0"
     "@ts-bridge/cli": "npm:^0.6.3"
     "@types/jest": "npm:^27.4.1"
+    "@types/react": "npm:^18.2.0"
     deepmerge: "npm:^4.2.2"
     jest: "npm:^29.7.0"
     ts-jest: "npm:^29.2.5"
@@ -3548,6 +3549,7 @@ __metadata:
     "@ts-bridge/cli": "npm:^0.6.3"
     "@types/babel__preset-env": "npm:^7"
     "@types/jest": "npm:^27.4.1"
+    "@types/react": "npm:^18.2.0"
     "@types/react-test-renderer": "npm:^18"
     babel-jest: "npm:^29.7.0"
     deepmerge: "npm:^4.2.2"
@@ -3675,6 +3677,7 @@ __metadata:
     "@types/jest": "npm:^27.4.1"
     "@types/lodash": "npm:^4.14.191"
     "@types/node": "npm:^16.18.54"
+    "@types/react": "npm:^18.2.0"
     "@types/semver": "npm:^7"
     "@typescript-eslint/eslint-plugin": "npm:^8.7.0"
     "@typescript-eslint/parser": "npm:^8.7.0"