chore: React Native 0.76 support (#1664)

Author: mdjastrzebski

.eslintignore

@@ -1,3 +1,6 @@
 flow-typed/
 build/
 experiments-rtl/
+website/
+
+jest-setup.ts

.eslintrc

@@ -1,7 +1,6 @@
 {
   "extends": "@callstack",
   "rules": {
-    "flowtype/no-weak-types": 0,
     "react-native/no-raw-text": 0,
     "no-console": 1,
     "react/no-multi-comp": 0,

CONTRIBUTING.md

@@ -32,9 +32,9 @@ Our pre-commit hooks verify that your commit message matches this format when co
 
 ### Linting and tests
 
-We use `flow` for type checking, `eslint` with `prettier` for linting and formatting the code, and `jest` for testing. Our pre-commit hooks verify that the linter and tests pass when committing. You can also run the following commands manually:
+We use TypeScript for type checking, `eslint` with `prettier` for linting and formatting the code, and `jest` for testing. Our pre-commit hooks verify that the linter and tests pass when committing. You can also run the following commands manually:
 
-- `yarn flow`: run flow on all files.
+- `yarn typecheck`: run TypeScript compiler on all files.
 - `yarn lint`: run eslint and prettier.
 - `yarn test`: run tests.
 
@@ -43,7 +43,7 @@ We use `flow` for type checking, `eslint` with `prettier` for linting and format
 When you're sending a pull request:
 
 - Prefer small pull requests focused on one change.
-- Verify that `flow`, `eslint` and tests are passing.
+- Verify that `typecheck`, `eslint` and tests are passing.
 - Preview the documentation to make sure it looks good.
 - Follow the pull request template when opening a pull request.
 

babel.config.js

@@ -14,8 +14,7 @@ module.exports = {
   ],
   env: {
     test: {
-      // https://github.com/react-native-community/upgrade-support/issues/152
-      plugins: ['@babel/plugin-transform-flow-strip-types'],
+      presets: ['@react-native/babel-preset'],
     },
   },
 };

jest-setup.ts

@@ -1,7 +1,5 @@
 import { resetToDefaults } from './src/pure';
 
-jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
-
 beforeEach(() => {
   resetToDefaults();
 });

package.json

@@ -84,7 +84,7 @@
     "jest": "^29.7.0",
     "prettier": "^2.8.8",
     "react": "18.3.1",
-    "react-native": "0.75.1",
+    "react-native": "0.76.0-rc.6",
     "react-test-renderer": "18.3.1",
     "release-it": "^17.6.0",
     "strip-ansi": "^6.0.1",

src/__tests__/__snapshots__/render-debug.test.tsx.snap

@@ -396,7 +396,7 @@ exports[`debug: shallow 1`] = `
     value=""
   />
   <MyButton
-    onPress={[Function changeFresh]}
+    onPress={[Function anonymous]}
   >
     Change freshness!
   </MyButton>
@@ -447,7 +447,7 @@ exports[`debug: shallow with message 1`] = `
     value=""
   />
   <MyButton
-    onPress={[Function changeFresh]}
+    onPress={[Function anonymous]}
   >
     Change freshness!
   </MyButton>