Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React Native Version Mismatch Issue

See original GitHub issue

Description

I’m getting the version mismatch issue, When I upgrade the react native version to 0.63.4

Error stack trace: (Check the below attached link)
Console.error: React Native version mismatch
Javascript version: 0.63.4
Native version: 0.61.5

I have tried following commands but still nothing is working.

- yarn reset cache
- react-native start --reset-cache

Mismatch error screenshot: https://lh3.googleusercontent.com/-biYjYzw-R0o/X-2aje1Q_LI/AAAAAAAAAIA/XKuz7ix-Q4cTUuDWQbNznS9e00eI82cXQCK8BGAsYHg/s512/2020-12-31.jpg

React Native version: 0.63.4

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

react-native run-android
react-native start

Expected Results

It should work properly without the version mismatch error.

Snack, code example, screenshot, or link to a repository:

Package.json file:

{
    "name": "test-mobile",
    "version": "0.0.1",
    "scripts": {
      "android": "react-native run-android",
      "ios": "react-native run-ios",
      "start": "react-native start",
      "test": "jest",
      "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
      "jetify": "jetify"
    },
    "dependencies": {
      "@emotion/core": "^10.0.28",
      "@emotion/native": "^10.0.27",
      "@react-native-community/async-storage": "^1.7.1",
      "@react-native-community/masked-view": "^0.1.6",
      "@react-native-community/netinfo": "^5.3.3",
      "@react-native-firebase/analytics": "^10.3.1",
      "@react-native-firebase/app": "^10.3.0",
      "@react-native-firebase/messaging": "^10.3.1",
      "@sentry/react-native": "^1.2.2",
      "axios": "^0.19.2",
      "eslint-plugin-react": "^7.19.0",
      "formik": "^2.1.3",
      "google-libphonenumber": "^3.2.6",
      "jwt-decode": "^2.2.0",
      "lodash": "4.17.16",
      "moment": "^2.24.0",
      "native-base": "^2.13.8",
      "phone": "^2.4.4",
      "react": "16.13.1",
      "react-dom": "16.13.1",
      "react-native": "0.63.4",
      "react-native-config": "^0.12.0",
      "react-native-device-info": "^5.5.3",
      "react-native-emoji": "^1.8.0",
      "react-native-gesture-handler": "~1.5.0",
      "react-native-image-crop-picker": "0.35.2",
      "react-native-intercom": "^13.2.0",
      "react-native-keyboard-aware-scroll-view": "^0.9.1",
      "react-native-linear-gradient": "^2.5.6",
      "react-native-modal": "^11.5.3",
      "react-native-pdf": "^6.2.2",
      "react-native-reanimated": "^1.7.0",
      "react-native-responsive-fontsize": "^0.4.2",
      "react-native-responsive-screen": "^1.3.1",
      "react-native-safe-area-context": "^0.6.4",
      "react-native-screens": "^2.0.0-alpha.34",
      "react-native-splash-screen": "^3.2.0",
      "react-native-swiper": "^1.6.0-rc.3",
      "react-native-vector-icons": "6.6.0",
      "react-native-web": "~0.11.7",
      "react-native-webview": "^8.0.6",
      "react-navigation": "^4.1.0",
      "react-navigation-stack": "^2.1.1",
      "react-navigation-tabs": "^2.7.0",
      "rn-fetch-blob": "^0.12.0",
      "styled-components": "^5.0.0",
      "tiny-emitter": "^2.1.0",
      "unstated": "^2.1.1",
      "unstated-next": "^1.1.0",
      "yup": "^0.28.1"
    },
    "devDependencies": {
      "@babel/core": "^7.6.2",
      "@babel/runtime": "^7.6.2",
      "@react-native-community/eslint-config": "^0.0.5",
      "@types/jest": "^24.0.24",
      "@types/react-native": "^0.62.1",
      "@types/react-test-renderer": "16.9.1",
      "@typescript-eslint/eslint-plugin": "^2.12.0",
      "@typescript-eslint/parser": "^2.12.0",
      "babel-jest": "^24.9.0",
      "babel-plugin-module-resolver": "^4.0.0",
      "eslint": "^6.5.1",
      "get-yarn-workspaces": "^1.0.2",
      "jest": "^25.1.0",
      "metro-react-native-babel-preset": "^0.59.0",
      "react-test-renderer": "16.13.1",
      "typescript": "^3.7.3"
    },
    "jest": {
      "preset": "react-native",
      "moduleFileExtensions": [
        "ts",
        "tsx",
        "js",
        "jsx",
        "json",
        "node"
      ]
    }
  }

Issue Analytics

State:
Created 3 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

dulmandakhcommented, Jan 6, 2021

This issue tracker is intended for RN issues only, not developer support. But I would remove node_modules and run npm or yarn again, then run ./gradlew clear in android directory to clear up build cache.

2reactions

jamschcommented, Jan 2, 2021

You need to run react-native run-android (or react-native run-ios) to install the newer version of the app with the appropriate version of React Native.