Duplicate Dependency Error. Upgrading RN version 0.68.5 to 0.72.0.

[SanthoshMuthu01]

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

• I used upgrade-helper to do my upgrade.

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:[email protected]/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" }

[Eyryu]

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

• I used upgrade-helper to do my upgrade.

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:[email protected]/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"

}