Question 34583 in React native Question posted in
The official React Native documentation can be found here.

Invariant Violation: ViewPropTypes has been removed from React Native

Pls anyone help me how to fix this error "ERROR Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from ‘deprecated-react-native-prop-types’."
i have tried many things like deleting node modules npm install deprecated-react-native-prop-types but nothing works for me how can i fix now
enter image description here

package.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/bottom-tabs": "^5.11.10",
    "@react-navigation/compat": "^5.3.20",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.4",
    "deprecated-react-native-prop-types": "^2.3.0",
    "expo": "^46.0.0",
    "expo-av": "~12.0.4",
    "expo-linear-gradient": "~11.4.0",
    "expo-status-bar": "~1.4.0",
    "haversine": "^1.1.1",
    "invariant": "^2.2.4",
    "react": "18.0.0",
    "react-dom": "18.0.0",
    "react-native": "0.69.5",
    "react-native-animatable": "^1.3.3",
    "react-native-flexi-radio-button": "^0.2.2",
    "react-native-fontawesome": "^7.0.0",
    "react-native-gesture-handler": "~2.5.0",
    "react-native-modal": "^13.0.0",
    "react-native-modalize": "^2.0.8",
    "react-native-progress-circle": "^2.1.0",
    "react-native-reanimated": "~2.9.1",
    "react-native-safe-area-context": "4.3.1",
    "react-native-screens": "~3.15.0",
    "react-native-snap-carousel": "^3.9.1",
    "react-native-swiper": "^1.6.0",
    "react-native-web": "~0.18.7",
    "react-navigation": "^4.4.4",
    "rn-sliding-up-panel": "^2.4.5"
  },
  "devDependencies": {
    "@babel/core": "^7.18.6"
  },
  "private": true
}

babel.config.js

module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: ['react-native-reanimated/plugin'], };
Tags:

3

Answers


  1. 0

    You will need to check all of the downloaded dependencies in the node_modules folder which contains the following import statement.

    import { ViewPropTypes } from 'react-native';

    Change it imports from deprecated-react-native-prop-types manually.

    import { ViewPropTypes } from 'deprecated-react-native-prop-types';
    Login or Signup to reply.
  2. 0

    In addition to kiuQ’s answer, react-native-progress-circle is most likely the problem here. It has been deprecated, and the ViewPropTypes is a known issue in that package.

    Remove it from your project, or simply replace it with https://www.npmjs.com/package/progress-circle-react-native

    Login or Signup to reply.
  3. 0

    Just like @kiuQ said above, you need to first install deprecated-react-native-prop-types:

    npm i deprecated-react-native-prop-types.

    Then after that, find where the error is on the terminal click its link to find where the ViewPropTypes was imported. Remove it and import it on its own like this:

    import {ViewPropTypes} from "deprecated-react-native-prop-types"
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search