0.83 upgrade (#17)

anishamalde · web-flow · commit ea87fc22e5fa · 2026-05-19T12:26:50.000+01:00
* Upgrade to react native 0.83

* Upgrade to SDK 55
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1,3 @@
+ @amazon-devices:registry=https://k-artifactory-external.labcollab.net/artifactory/api/npm/vegasdk-npm-rn83-alpha_prod/
+ always-auth=true
+ strict-ssl=true
diff --git a/README.md b/README.md
@@ -156,9 +156,9 @@ yarn expotv:web
 
 | | Expo TV | Vega (Fire TV) |
 |---|---------|----------------|
-| Framework | Expo SDK 54 | Kepler (@amazon-devices/react-native-kepler ^2.0.0) |
-| React | 19.1.0 | 18.2.0 |
-| React Native | react-native-tvos 0.81-stable | 0.72.0 |
+| Framework | Expo SDK 55 | Kepler (@amazon-devices/react-native-kepler ^2.0.0) |
+| React | 19.2.0 | 18.2.0 |
+| React Native | react-native-tvos 0.83.6-0 | 0.72.0 |
 | TypeScript | ~5.9.2 | 4.8.4 |
 
 The shared package (`@multitv/shared`) provides:
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "clean": "yarn workspaces foreach --all run clean ; rm -rf node_modules",
     "vega:build": "yarn workspace @multitv/vega run build:debug",
     "expotv": "yarn workspace @multitv/expotv",
-    "expotv:prebuild": "yarn workspace @multitv/expotv run prebuild",
+    "expotv:prebuild": "yarn workspace @multitv/expotv run prebuild:tv",
     "expotv:android": "yarn workspace @multitv/expotv run android",
     "expotv:ios": "yarn workspace @multitv/expotv run ios",
     "expotv:web": "yarn workspace @multitv/expotv run web"
diff --git a/packages/expotv/app.json b/packages/expotv/app.json
@@ -30,7 +30,6 @@
       "expo-web-browser"
     ],
     "android": {
-      "edgeToEdgeEnabled": true,
       "splash": {
         "image": "./assets/images/splash.png"
       },
@@ -51,7 +50,6 @@
       "autolinkingModuleResolution": true,
       "typedRoutes": true
     },
-    "newArchEnabled": true,
     "name": "MyTVProject",
     "slug": "MyTVProject"
   }
diff --git a/packages/expotv/package.json b/packages/expotv/package.json
@@ -14,31 +14,34 @@
     "deploy": "npx expo export -p web && npx eas-cli@latest deploy"
   },
   "dependencies": {
+    "@expo/log-box": "55.0.12",
     "@expo/vector-icons": "^15.0.2",
     "@multitv/shared": "*",
-    "expo": "^54.0.20",
-    "expo-build-properties": "~1.0.9",
-    "expo-font": "~14.0.9",
-    "expo-linking": "~8.0.8",
-    "expo-router": "~6.0.13",
-    "expo-splash-screen": "~31.0.10",
-    "expo-status-bar": "~3.0.8",
-    "expo-system-ui": "~6.0.8",
-    "expo-web-browser": "~15.0.8",
+    "expo": "^55.0.0",
+    "expo-build-properties": "~55.0.14",
+    "expo-constants": "~55.0.16",
+    "expo-font": "~55.0.7",
+    "expo-linking": "~55.0.15",
+    "expo-router": "~55.0.14",
+    "expo-splash-screen": "~55.0.21",
+    "expo-status-bar": "~55.0.6",
+    "expo-system-ui": "~55.0.18",
+    "expo-web-browser": "~55.0.16",
     "lottie-react-native": "7.3.4",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "npm:react-native-tvos@0.81-stable",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-reanimated": "~4.1.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "npm:react-native-tvos@0.83.6-0",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-reanimated": "4.2.1",
     "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.16.0",
+    "react-native-screens": "~4.23.0",
     "react-native-web": "^0.21.0",
-    "react-native-worklets": "0.5.1"
+    "react-native-worklets": "0.7.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.25.0",
     "@react-native-tvos/config-tv": "^0.1.4",
-    "@types/react": "~19.1.10",
+    "@types/react": "~19.2.10",
     "typescript": "~5.9.2"
   },
   "expo": {
diff --git a/packages/shared/src/components/Tile.tsx b/packages/shared/src/components/Tile.tsx
@@ -88,6 +88,6 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
     textAlign: 'center',
     lineHeight: scaleFontSize(52),
-    includeFontPadding: false,
+    width: '100%'
   },
 });
diff --git a/packages/vega/.prettierrc b/packages/vega/.prettierrc
@@ -1,6 +1,4 @@
 {
-  "bracketSameLine": true,
-  "bracketSpacing": false,
   "singleQuote": true,
   "trailingComma": "all",
   "tabWidth": 2
diff --git a/packages/vega/babel.config.js b/packages/vega/babel.config.js
@@ -6,7 +6,7 @@
 module.exports = {
   presets: [
     [
-      'module:metro-react-native-babel-preset',      
+      'module:@react-native/babel-preset',
     ],
     'module:@amazon-devices/kepler-module-resolver-preset', // Enables usage of VegaModuleResolverPreset
   ]
diff --git a/packages/vega/jest.config.json b/packages/vega/jest.config.json
@@ -1,7 +1,7 @@
 {
   "preset": "react-native",
   "transform": {
-    "^.+\\.tsx?$": "ts-jest"
+    "^.+\\.tsx?$": ["ts-jest", { "babelConfig": true, "diagnostics": true }]
   },
   "setupFiles": ["./node_modules/@amazon-devices/react-native-kepler/jest/setup.js"],
   "testRegex": "/test/.*\\.(test|spec)\\.(ts|tsx|js)$",
@@ -24,13 +24,7 @@
     "!src/**/*.d.ts"
   ],
   "transformIgnorePatterns": [
-    "node_modules/(?![\\w\\-_]+)/node_modules/(?!react-native|@react-native)/"
+    "node_modules/(?!((jest-)?react-native|@react-native(-community)?|@amazon-devices/react-native-kepler|react-native-safe-area-context)/)"
   ],
-  "coverageDirectory": ".tmp/coverage",
-  "globals": {
-    "ts-jest": {
-      "babelConfig": true,
-      "diagnostics": true
-    }
-  }
+  "coverageDirectory": ".tmp/coverage"
 }
diff --git a/packages/vega/manifest.toml b/packages/vega/manifest.toml
@@ -13,6 +13,6 @@ id = "com.amazondeveloper.hellosharedworkspace"
 [components]
 [[components.interactive]]
 id = "com.amazondeveloper.hellosharedworkspace.main"
-runtime-module = "/com.amazon.kepler.keplerscript.runtime.loader_2@IKeplerScript_2_0"
+runtime-module = "/com.amazon.kepler.runtime.react_native_kepler_4@IReactNativeKepler_0"
 launch-type = "singleton"
 categories = ["com.amazon.category.main"]
diff --git a/packages/vega/package.json b/packages/vega/package.json
@@ -20,35 +20,41 @@
   },
   "dependencies": {
     "@amazon-devices/kepler-module-resolver-preset": "^0.1.15",
-    "@amazon-devices/lottie-react-native": "~2.0.0",
-    "@amazon-devices/react-native-kepler": "^2.0.0",
+    "@amazon-devices/lottie-react-native": "3.0.9000000000",
+    "@amazon-devices/react-native-kepler": "4.0.0",
     "@multitv/shared": "*",
+    "@react-native/new-app-screen": "0.83.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "react": "18.2.0",
-    "react-native": "0.72.0"
+    "react": "19.2.0",
+    "react-native": "0.83.0",
+    "react-native-safe-area-context": "^5.5.2"
   },
   "devDependencies": {
-    "@amazon-devices/kepler-cli-platform": "~0.22.0",
-    "@react-native-community/cli": "11.3.2",
-    "@react-native/eslint-config": "0.72.2",
-    "@react-native/metro-config": "^0.72.6",
+    "@amazon-devices/kepler-cli-platform": "0.22.13",
+    "@amazon-devices/keplerscript-commonmodules": "^1.0.0",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@react-native/metro-config": "0.83.0",
+    "@react-native/typescript-config": "0.83.0",
     "@testing-library/react-native": "^7.2.0",
-    "@tsconfig/react-native": "^3.0.2",
-    "@types/jest": "^28.0.0",
-    "@types/react": "^18.0.24",
-    "@types/react-test-renderer": "^18.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19.1.0",
     "@typescript-eslint/eslint-plugin": "^5.30.0",
-    "babel-jest": "^28.0.0",
-    "eslint": "^8.12.0",
-    "jest": "^28.0.0",
-    "metro-react-native-babel-preset": "^0.76.5",
+    "babel-jest": "^29.6.3",
+    "eslint": "^8.57.0",
+    "jest": "^29.6.3",
     "mustache": "^4.2.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.6.2",
+    "prettier": "2.8.8",
     "react-native-monorepo-tools": "^1.2.1",
-    "react-test-renderer": "18.2.0",
-    "ts-jest": "^28.0.0",
-    "typescript": "4.8.4"
+    "react-test-renderer": "19.2.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "5.8.3"
   },
   "kepler": {
     "projectType": "application",
diff --git a/packages/vega/test/App.spec.tsx b/packages/vega/test/App.spec.tsx
@@ -7,19 +7,28 @@
 import 'react-native';
 import {fireEvent, render} from '@testing-library/react-native';
 import * as React from 'react';
+import ReactTestRenderer from 'react-test-renderer';
 
 import {App} from '../src/App';
 
 describe('Template App Snapshot tests', () => {
-  it('Initial App screen', () => {
-    const screen = render(<App />);
-    expect(screen).toMatchSnapshot();
+  it('Initial App screen', async () => {
+    let screen: ReturnType<typeof render>;
+    await ReactTestRenderer.act(async () => {
+      screen = render(<App />);
+    });
+    expect(screen!).toMatchSnapshot();
   });
 
-  it('App screen after link press', () => {
-    const screen = render(<App />);
-    const button = screen.getByTestId('sampleLink');
-    fireEvent.press(button);
-    expect(screen).toMatchSnapshot();
+  it('App screen after link press', async () => {
+    let screen: ReturnType<typeof render>;
+    await ReactTestRenderer.act(async () => {
+      screen = render(<App />);
+    });
+    const button = screen!.getByTestId('sampleLink');
+    await ReactTestRenderer.act(async () => {
+      fireEvent.press(button);
+    });
+    expect(screen!).toMatchSnapshot();
   });
 });
diff --git a/packages/vega/tsconfig.json b/packages/vega/tsconfig.json
@@ -1,6 +1,8 @@
 {
-    "extends": "@tsconfig/react-native/tsconfig.json",
-    "compilerOptions": {
-        "types": ["jest", "@amazon-devices/react-native-kepler"], /* Override "jest", "react-native" from @tsconfig/react-native */
-    },
+  "extends": "@react-native/typescript-config",
+  "compilerOptions": {
+    "types": ["jest", "@amazon-devices/react-native-kepler"]
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["**/node_modules"]
 }
diff --git a/vega-monorepo-sample.code-workspace b/vega-monorepo-sample.code-workspace
@@ -8,6 +8,5 @@
 			"path": "packages/vega"
 		}
 	],
-	"settings": {
-	}
+	"settings": {}
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+ @amazon-devices:registry=https://k-artifactory-external.labcollab.net/artifactory/api/npm/vegasdk-npm-rn83-alpha_prod/`
	`2`	`+ always-auth=true`
	`3`	`+ strict-ssl=true`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,4 @@`
`1`	`1`	`{`
`2`		`- "bracketSameLine": true,`
`3`		`- "bracketSpacing": false,`
`4`	`2`	`"singleQuote": true,`
`5`	`3`	`"trailingComma": "all",`
`6`	`4`	`"tabWidth": 2`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`module.exports = {`
`7`	`7`	`presets: [`
`8`	`8`	`[`
`9`		`- 'module:metro-react-native-babel-preset',`
	`9`	`+ 'module:@react-native/babel-preset',`
`10`	`10`	`],`
`11`	`11`	`'module:@amazon-devices/kepler-module-resolver-preset', // Enables usage of VegaModuleResolverPreset`
`12`	`12`	`]`