Support for the experimental syntax 'jsx' isn't currently enabled

[Benoit-ROBIN]

Hi,
I have this error Support for the experimental syntax 'jsx' isn't currently enabled, when I try to start my web server.
The web app use react-scripts and react-native-web.
I didn't have this error before I tried to use '@react-navigation/drawer'.
The web app use react-scripts unejected.
I believe it's due to a missing webpack config but I can't figured which one.

Error

Module build failed (from ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js):
node_modules/react-native-reanimated/lib/reanimated2/component/FlatList.js: Support for the experimental syntax 'jsx' isn't currently enabled

babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ['module:react-native-dotenv', {
      moduleName: 'react-native-dotenv',
      path: '.env',
      blocklist: null,
      allowlist: null,
      safe: false,
      allowUndefined: false,
    }],
    'react-native-reanimated/plugin',
  ],
};

package.json

"dependencies": {
    "@apollo/client": "^3.5.6",
    "@commitlint/cli": "^15.0.0",
    "@commitlint/config-conventional": "^15.0.0",
    "@formatjs/cli": "^4.7.0",
    "@react-native-async-storage/async-storage": "^1.15.15",
    "@react-navigation/drawer": "^6.4.1",
    "@react-navigation/native": "^6.0.6",
    "@react-navigation/native-stack": "^6.2.5",
    "@types/glob": "^7.2.0",
    "@types/node": "^17.0.7",
    "cross-fetch": "^3.1.4",
    "formik": "^2.2.9",
    "graphql": "^16.2.0",
    "native-base": "^3.3.7",
    "react": "17.0.2",
    "react-dom": "^17.0.2",
    "react-intl": "^5.24.1",
    "react-native": "0.66.4",
    "react-native-dotenv": "^3.3.1",
    "react-native-gesture-handler": "^2.4.0",
    "react-native-reanimated": "^2.7.0",
    "react-native-safe-area-context": "^3.3.2",
    "react-native-screens": "^3.10.1",
    "react-native-svg": "^12.1.1",
    "react-native-svg-web": "^1.0.9",
    "react-native-web": "^0.17.5",
    "react-scripts": "^5.0.0",
    "yup": "^0.32.11"
  },
  "devDependencies": {
    "@babel/core": "^7.16.10",
    "@babel/runtime": "^7.16.7",
    "@faker-js/faker": "^6.0.0-alpha.7",
    "@graphql-codegen/cli": "2.3.1",
    "@graphql-codegen/typescript": "2.4.2",
    "@graphql-codegen/typescript-operations": "2.2.2",
    "@react-native-community/eslint-config": "^2.0.0",
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/jest-native": "^4.0.4",
    "@testing-library/react": "^12.1.2",
    "@testing-library/react-native": "^9.0.0",
    "@types/jest": "^27.4.0",
    "@types/react-dom": "^17.0.11",
    "@types/react-native": "^0.66.4",
    "@types/react-native-dotenv": "^0.2.0",
    "@types/react-test-renderer": "^17.0.1",
    "@typescript-eslint/eslint-plugin": "^5.7.0",
    "@typescript-eslint/parser": "^5.7.0",
    "babel-jest": "^27.4.6",
    "cross-env": "^7.0.3",
    "eslint": "^8.4.1",
    "eslint-config-airbnb": "^19.0.2",
    "eslint-config-airbnb-typescript": "^16.1.0",
    "eslint-plugin-import": "^2.25.3",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-react": "^7.27.1",
    "eslint-plugin-react-hooks": "^4.3.0",
    "full-icu": "^1.4.0",
    "husky": "^7.0.4",
    "identity-obj-proxy": "^3.0.0",
    "jest": "^27.4.7",
    "metro-react-native-babel-preset": "^0.66.2",
    "react-test-renderer": "17.0.2",
    "reactotron-react-native": "^5.0.1",
    "stmux": "^1.8.3",
    "ts-jest": "^27.1.3",
    "typescript": "^4.4.4"
  },

[humaidk2]

Hi,
I'm facing the same problem with react navigation drawer using reanimated?
Did you manage to figure this out?

[shivakumarbdoddamani]

Is this issue resolved? Any solutions?