chore: bump react-native and other packages (#2598)

# Summary

* Bump react-native and other packages (babel, eslint, prettier,
`@types`) to resolve errors in
#2586
* Cleanup unused/unnecessary devDependencies 

## Test Plan

Lib should work exactly the same as before.

babel.config.js

@@ -1,4 +1,3 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
-  plugins: ['@react-native/babel-plugin-codegen'],
 };

package.json

@@ -74,22 +74,19 @@
     "warn-once": "0.1.1"
   },
   "devDependencies": {
-    "@react-native-community/eslint-config": "^3.0.2",
-    "@react-native-community/eslint-plugin": "^1.2.0",
-    "@react-native/babel-plugin-codegen": "^0.75.4",
-    "@react-native/babel-preset": "^0.75.4",
-    "@react-native/eslint-config": "^0.72.2",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@react-native/babel-preset": "^0.77.0-rc.6",
+    "@react-native/eslint-config": "^0.77.0-rc.6",
     "@types/css-tree": "^1.0.3",
     "@types/jest": "^27.5.2",
     "@types/node": "*",
     "@types/pixelmatch": "^5.2.0",
     "@types/pngjs": "^6.0.5",
-    "@types/react": "^18.2.18",
-    "@types/ws": "^8.5.10",
+    "@types/react": "^18.3.12",
+    "@types/ws": "^8.5.13",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^28.1.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "clang-format": "^1.8.0",
     "eslint": "^8.44.0",
@@ -111,10 +108,10 @@
     "pngjs": "^7.0.0",
     "prettier": "3.0.1",
     "puppeteer": "^22.12.1",
-    "react": "^18.2.0",
-    "react-native": "^0.72.3",
+    "react": "^18.3.1",
+    "react-native": "^0.77.0-rc.6",
     "react-native-builder-bob": "^0.20.4",
-    "react-native-windows": "^0.72.4",
+    "react-native-windows": "^0.76.3",
     "react-test-renderer": "^18.2.0",
     "release-it": "^14.12.5",
     "ts-node": "^10.9.2",

src/filter-image/FilterImage.tsx

@@ -29,6 +29,8 @@ export const FilterImage = (props: FilterImageProps) => {
   const extractedFilters = [...filters, ...extractFiltersCss(stylesFilter)];
   const filterId = React.useMemo(() => `RNSVG-${getRandomNumber()}`, []);
 
+  if (!source) return null;
+
   const src =
     Platform.OS === 'web'
       ? resolveAssetUri(source)

src/lib/extract/extractTransform.ts

@@ -83,6 +83,7 @@ export function transformsArrayToProps(
     }
     const key = keys[0] as keyof TransformProps;
     const value = transformObject[key as keyof typeof transformObject];
+    // @ts-expect-error FIXME
     props[key] = value;
   });
   return props;
@@ -182,6 +183,7 @@ export function transformToMatrix(
         );
       } else {
         const transformProps = props2transform(
+          // @ts-expect-error FIXME
           transformsArrayToProps(transform as TransformsStyleArray)
         );
         transformProps && appendTransformProps(transformProps);
@@ -194,6 +196,7 @@ export function transformToMatrix(
         console.error(e);
       }
     } else {
+      // @ts-expect-error FIXME
       const transformProps = props2transform(transform);
       transformProps && appendTransformProps(transformProps);
     }

src/web/utils/index.ts

@@ -58,6 +58,7 @@ export function parseTransformProp(
       transformArray.push(`matrix(${transform.join(' ')})`);
     } else {
       const stringifiedProps = transformsArrayToProps(
+        // @ts-expect-error FIXME
         transform as TransformsStyleArray
       );
       transformArray.push(...stringifyTransformProps(stringifiedProps));