search

react-native-community / upgrade-support

A central community-backed place to request and give help when upgrading your app.
MIT License
254 stars 2 forks source link

Duplicate Dependency Error. Upgrading RN version 0.68.5 to 0.72.0. #250

Closed SanthoshMuthu01 closed 5 months ago

SanthoshMuthu01 commented 12 months ago

Environment

System: OS: macOS 12.6.8 CPU: (8) x64 Apple M1 Pro Memory: 27.49 MB / 16.00 GB Shell: 5.8.1 - /bin/zsh Binaries: Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node Yarn: 1.22.19 - /opt/homebrew/bin/yarn npm: 7.24.2 - ~/Desktop/RN_Upgrade/node_modules/.bin/npm Watchman: 2023.07.10.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: Not Found SDKs: iOS SDK: Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1 Android SDK: API Levels: 23, 28, 30, 31, 33 Build Tools: 30.0.2, 30.0.3, 33.0.0, 33.0.2 System Images: android-26 | ARM 64 v8a, android-27 | ARM 64 v8a, android-28 | Google ARM64-V8a Play ARM 64 v8a, android-31 | ARM 64 v8a, android-33 | Google APIs ARM 64 v8a, android-33 | Google Play ARM 64 v8a Android NDK: Not Found IDEs: Android Studio: 2022.2 AI-222.4459.24.2221.9971841 Xcode: 14.2/14C18 - /usr/bin/xcodebuild Languages: Java: 11.0.19 - /usr/bin/javac npmPackages: @react-native-community/cli: Not Found react: 18.2.0 => 18.2.0 react-native: 0.72.0 => 0.72.0 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Things I’ve done to figure out my issue

Upgrading version

React Native 0.72.0

Description

I've followed the each and every steps React Native Upgrade document to upgrade my current project from 0.68.5 to 0.72.0 and I've updated all the dependency of my project into the latest version. After that, when i tried to run my project locally i'm getting duplicate dependency error message. I've posted the screenshot below.

Package.json

"dependencies": { "@emotion/native": "^11.0.0-next.18", "@emotion/react": "^11.9.0", "@formatjs/intl-datetimeformat": "^6.3.1", "@formatjs/intl-getcanonicallocales": "^2.0.4", "@formatjs/intl-locale": "^3.0.7", "@formatjs/intl-numberformat": "^8.2.0", "@formatjs/intl-pluralrules": "^5.1.4", "@react-native-community/clipboard": "^1.5.1", "@react-native-community/datetimepicker": "7.4.1", "@react-native-community/masked-view": "^0.1.11", "@react-native-community/netinfo": "9.4.1", "@react-native-community/picker": "^1.8.1", "@react-native-cookies/cookies": "^6.2.1", "@react-native-firebase/analytics": "^16.5.0", "@react-native-firebase/app": "^16.5.0", "@react-native-firebase/crashlytics": "^16.5.0", "@react-native-firebase/messaging": "^16.5.0", "@react-native-firebase/perf": "^16.5.0", "@react-native-firebase/remote-config": "^16.5.0", "@react-navigation/bottom-tabs": "^5.11.15", "@react-navigation/material-top-tabs": "^5.3.19", "@react-navigation/native": "^5.9.8", "@react-navigation/stack": "^5.14.9", "@tanstack/react-query": "^4.22.0", "@tanstack/react-query-persist-client": "^4.22.0", "jest": "^28.1.3", "jest-fail-on-console": "^3.0.2", "lodash.throttle": "^4.1.1", "lottie-react-native": "^5.1.4", "moment": "^2.29.3", "npm": "^7.22.0", "patch-package": "^6.4.7", "path": "^0.12.7", "postinstall-postinstall": "^2.1.0", "react": "18.2.0", "react-hook-form": "^7.43.2", "react-native": "0.72.0", "react-native-animatable": "^1.3.3", "react-native-appsflyer": "^6.5.21", "react-native-auth0": "^2.13.1", "react-native-barcode-builder": "^2.0.0", "react-native-base64": "^0.2.1", "react-native-color-matrix-image-filters": "^5.2.14", "react-native-custom-switch-new": "^1.0.3", "react-native-device-info": "^8.7.1", "react-native-dotenv": "^3.3.1", "react-native-fast-image": "^8.6.1", "react-native-forter": "https://forter-mobile-git:zvGKcVtDhkfj4asNekSn@bitbucket.org/forter-mobile/forter-react-plugin.git#v0.1.13", "react-native-fs": "^2.20.0", "react-native-geolocation-service": "^5.3.0-beta.4", "react-native-gesture-handler": "^1.10.3", "react-native-get-random-values": "^1.9.0", "react-native-image-crop-picker": "^0.39.0", "react-native-in-app-review": "4.1.1", "react-native-json-tree": "^1.3.0", "react-native-linear-gradient": "^2.5.6", "react-native-localize": "^2.2.1", "react-native-maps": "^1.3.1", "react-native-modal-datetime-picker": "^11.0.0", "react-native-onetrust-cmp": "^202306.2.0", "react-native-pager-view": "^6.0.0", "react-native-permissions": "^3.6.1", "react-native-progress": "^5.0.0", "react-native-reanimated": "^3.3.0", "react-native-render-html": "^6.3.4", "react-native-restart": "^0.0.22", "react-native-safe-area-context": "^3.3.2", "react-native-screens": "3.6.0", "react-native-scroll-bottom-sheet": "^0.7.0", "react-native-secure-key-store": "^2.0.9", "react-native-sha256": "^1.4.7", "react-native-share": "^7.4.1", "react-native-splash-screen": "^3.3.0", "react-native-stars": "^1.2.2", "react-native-svg": "^12.3.0", "react-native-tab-view": "^2.16.0", "react-native-tracking-transparency": "^0.1.1", "react-native-vector-icons": "^9.1.0", "react-native-webview": "^11.18.2", "sanitize-html": "^2.7.0", "tealium-react-native": "^2.2.0", "usabilla-react-native": "^1.0.0", "uuid": "^9.0.0" }, "devDependencies": { "@babel/core": "^7.12.9", "@babel/runtime": "^7.12.9", "@react-native-community/eslint-config": "^3.1.0", "@storybook/addon-actions": "^6.4.22", "@storybook/addon-knobs": "^5.3.19", "@storybook/addon-links": "^6.4.22", "@storybook/addon-ondevice-knobs": "^5.3.25", "@storybook/addons": "^6.4.22", "@storybook/react-native": "^5.3.25", "@storybook/react-native-server": "^5.3.23", "@testing-library/jest-native": "^4.0.4", "@testing-library/react-hooks": "^7.0.2", "@testing-library/react-native": "^9.1.0", "@types/jest": "^28.1.5", "@types/npm": "^7.19.0", "@types/react-native-auth0": "^2.13.1", "@types/react-native-base64": "^0.2.0", "@types/react-native-dotenv": "^0.2.0", "@types/react-native-share": "^3.3.3", "@types/react-test-renderer": "17.0.2", "@types/sanitize-html": "^2.6.2", "@typescript-eslint/eslint-plugin": "^4.29.2", "@typescript-eslint/parser": "^4.30.0", "babel-jest": "^28.1.3", "babel-loader": "^8.2.5", "babel-plugin-module-resolver": "^4.1.0", "concurrently": "^6.2.1", "cross-env": "^7.0.3", "cspell": "^5.21.0", "eslint": "^7.32.0", "eslint-import-resolver-typescript": "^3.5.1", "eslint-plugin-import": "^2.26.0", "eslint-plugin-jest": "^26.2.2", "husky": "^7.0.0", "metro-react-native-babel-preset": "^0.70.3", "node-jq": "^2.3.3", "prettier": "^2.6.2", "react-hooks-testing-library": "^0.6.0", "react-native-cli-bump-version": "^1.4.0", "react-native-svg-transformer": "^0.14.3", "react-test-renderer": "18.0.0", "typescript": "4.3.5", "uri-scheme": "^1.0.120" }

Screen Shot 2023-10-04 at 7 55 14 PM
Eyryu commented 10 months ago

Environment

System:

OS: macOS 12.6.8

CPU: (8) x64 Apple M1 Pro

Memory: 27.49 MB / 16.00 GB

Shell: 5.8.1 - /bin/zsh

Binaries:

Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node

Yarn: 1.22.19 - /opt/homebrew/bin/yarn

npm: 7.24.2 - ~/Desktop/RN_Upgrade/node_modules/.bin/npm

Watchman: 2023.07.10.00 - /opt/homebrew/bin/watchman

Managers:

CocoaPods: Not Found

SDKs:

iOS SDK:

  Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1

Android SDK:

  API Levels: 23, 28, 30, 31, 33

  Build Tools: 30.0.2, 30.0.3, 33.0.0, 33.0.2

  System Images: android-26 | ARM 64 v8a, android-27 | ARM 64 v8a, android-28 | Google ARM64-V8a Play ARM 64 v8a, android-31 | ARM 64 v8a, android-33 | Google APIs ARM 64 v8a, android-33 | Google Play ARM 64 v8a

  Android NDK: Not Found

IDEs:

Android Studio: 2022.2 AI-222.4459.24.2221.9971841

Xcode: 14.2/14C18 - /usr/bin/xcodebuild

Languages:

Java: 11.0.19 - /usr/bin/javac

npmPackages:

@react-native-community/cli: Not Found

react: 18.2.0 => 18.2.0 

react-native: 0.72.0 => 0.72.0

react-native-macos: Not Found

npmGlobalPackages:

*react-native*: Not Found

Things I’ve done to figure out my issue

Upgrading version

React Native 0.72.0

Description

I've followed the each and every steps React Native Upgrade document to upgrade my current project from 0.68.5 to 0.72.0 and I've updated all the dependency of my project into the latest version. After that, when i tried to run my project locally i'm getting duplicate dependency error message. I've posted the screenshot below.

Package.json

"dependencies": {

"@emotion/native": "^11.0.0-next.18",

"@emotion/react": "^11.9.0",

"@formatjs/intl-datetimeformat": "^6.3.1",

"@formatjs/intl-getcanonicallocales": "^2.0.4",

"@formatjs/intl-locale": "^3.0.7",

"@formatjs/intl-numberformat": "^8.2.0",

"@formatjs/intl-pluralrules": "^5.1.4",

"@react-native-community/clipboard": "^1.5.1",

"@react-native-community/datetimepicker": "7.4.1",

"@react-native-community/masked-view": "^0.1.11",

"@react-native-community/netinfo": "9.4.1",

"@react-native-community/picker": "^1.8.1",

"@react-native-cookies/cookies": "^6.2.1",

"@react-native-firebase/analytics": "^16.5.0",

"@react-native-firebase/app": "^16.5.0",

"@react-native-firebase/crashlytics": "^16.5.0",

"@react-native-firebase/messaging": "^16.5.0",

"@react-native-firebase/perf": "^16.5.0",

"@react-native-firebase/remote-config": "^16.5.0",

"@react-navigation/bottom-tabs": "^5.11.15",

"@react-navigation/material-top-tabs": "^5.3.19",

"@react-navigation/native": "^5.9.8",

"@react-navigation/stack": "^5.14.9",

"@tanstack/react-query": "^4.22.0",

"@tanstack/react-query-persist-client": "^4.22.0",

"jest": "^28.1.3",

"jest-fail-on-console": "^3.0.2",

"lodash.throttle": "^4.1.1",

"lottie-react-native": "^5.1.4",

"moment": "^2.29.3",

"npm": "^7.22.0",

"patch-package": "^6.4.7",

"path": "^0.12.7",

"postinstall-postinstall": "^2.1.0",

"react": "18.2.0",

"react-hook-form": "^7.43.2",

"react-native": "0.72.0",

"react-native-animatable": "^1.3.3",

"react-native-appsflyer": "^6.5.21",

"react-native-auth0": "^2.13.1",

"react-native-barcode-builder": "^2.0.0",

"react-native-base64": "^0.2.1",

"react-native-color-matrix-image-filters": "^5.2.14",

"react-native-custom-switch-new": "^1.0.3",

"react-native-device-info": "^8.7.1",

"react-native-dotenv": "^3.3.1",

"react-native-fast-image": "^8.6.1",

"react-native-forter": "https://forter-mobile-git:zvGKcVtDhkfj4asNekSn@bitbucket.org/forter-mobile/forter-react-plugin.git#v0.1.13",

"react-native-fs": "^2.20.0",

"react-native-geolocation-service": "^5.3.0-beta.4",

"react-native-gesture-handler": "^1.10.3",

"react-native-get-random-values": "^1.9.0",

"react-native-image-crop-picker": "^0.39.0",

"react-native-in-app-review": "4.1.1",

"react-native-json-tree": "^1.3.0",

"react-native-linear-gradient": "^2.5.6",

"react-native-localize": "^2.2.1",

"react-native-maps": "^1.3.1",

"react-native-modal-datetime-picker": "^11.0.0",

"react-native-onetrust-cmp": "^202306.2.0",

"react-native-pager-view": "^6.0.0",

"react-native-permissions": "^3.6.1",

"react-native-progress": "^5.0.0",

"react-native-reanimated": "^3.3.0",

"react-native-render-html": "^6.3.4",

"react-native-restart": "^0.0.22",

"react-native-safe-area-context": "^3.3.2",

"react-native-screens": "3.6.0",

"react-native-scroll-bottom-sheet": "^0.7.0",

"react-native-secure-key-store": "^2.0.9",

"react-native-sha256": "^1.4.7",

"react-native-share": "^7.4.1",

"react-native-splash-screen": "^3.3.0",

"react-native-stars": "^1.2.2",

"react-native-svg": "^12.3.0",

"react-native-tab-view": "^2.16.0",

"react-native-tracking-transparency": "^0.1.1",

"react-native-vector-icons": "^9.1.0",

"react-native-webview": "^11.18.2",

"sanitize-html": "^2.7.0",

"tealium-react-native": "^2.2.0",

"usabilla-react-native": "^1.0.0",

"uuid": "^9.0.0"

},

"devDependencies": {

"@babel/core": "^7.12.9",

"@babel/runtime": "^7.12.9",

"@react-native-community/eslint-config": "^3.1.0",

"@storybook/addon-actions": "^6.4.22",

"@storybook/addon-knobs": "^5.3.19",

"@storybook/addon-links": "^6.4.22",

"@storybook/addon-ondevice-knobs": "^5.3.25",

"@storybook/addons": "^6.4.22",

"@storybook/react-native": "^5.3.25",

"@storybook/react-native-server": "^5.3.23",

"@testing-library/jest-native": "^4.0.4",

"@testing-library/react-hooks": "^7.0.2",

"@testing-library/react-native": "^9.1.0",

"@types/jest": "^28.1.5",

"@types/npm": "^7.19.0",

"@types/react-native-auth0": "^2.13.1",

"@types/react-native-base64": "^0.2.0",

"@types/react-native-dotenv": "^0.2.0",

"@types/react-native-share": "^3.3.3",

"@types/react-test-renderer": "17.0.2",

"@types/sanitize-html": "^2.6.2",

"@typescript-eslint/eslint-plugin": "^4.29.2",

"@typescript-eslint/parser": "^4.30.0",

"babel-jest": "^28.1.3",

"babel-loader": "^8.2.5",

"babel-plugin-module-resolver": "^4.1.0",

"concurrently": "^6.2.1",

"cross-env": "^7.0.3",

"cspell": "^5.21.0",

"eslint": "^7.32.0",

"eslint-import-resolver-typescript": "^3.5.1",

"eslint-plugin-import": "^2.26.0",

"eslint-plugin-jest": "^26.2.2",

"husky": "^7.0.0",

"metro-react-native-babel-preset": "^0.70.3",

"node-jq": "^2.3.3",

"prettier": "^2.6.2",

"react-hooks-testing-library": "^0.6.0",

"react-native-cli-bump-version": "^1.4.0",

"react-native-svg-transformer": "^0.14.3",

"react-test-renderer": "18.0.0",

"typescript": "4.3.5",

"uri-scheme": "^1.0.120"

}

Screen Shot 2023-10-04 at 7 55 14 PM