Expo React native crash (child.isClassAccessorProperty is not a function) - javascript

i'm using multiple Dependencies in Expo RN app, the project has been successfully done year ago and now when i try to build and run it again, i'm getting this error: child.isClassAccessorProperty is not a function.
i've tried cleaning and reinstall node_modules also checked expo community and no solution so far.
Detailed log issue:
Failed building JavaScript bundle. node_modules/react-native-gesture-handler/src/handlers/gestures/gesture.ts: /Users/ilies/Desktop/LinkAll/node_modules/react-native-gesture-handler/src/handlers/gestures/gesture.ts: child.isClassAccessorProperty is not a function
and this is my package.json:
"dependencies": {
"#expo/config-plugins": "^5.0.4",
"#react-native-firebase/messaging": "^17.1.0",
"#react-native-masked-view/masked-view": "^0.2.8",
"#react-navigation/bottom-tabs": "^6.5.5",
"#react-navigation/drawer": "^6.6.0",
"#react-navigation/material-bottom-tabs": "^6.2.13",
"#react-navigation/native": "^6.1.4",
"#react-navigation/stack": "^6.3.13",
"big-integer": "^1.6.51",
"deprecated-react-native-prop-types": "^4.0.0",
"expo": "~47.0.12",
"expo-credit-card": "^0.0.5",
"expo-google-app-auth": "^10.0.0",
"expo-google-sign-in": "^11.0.0",
"expo-intent-launcher": "^10.3.1",
"expo-linear-gradient": "^12.0.1",
"expo-modules-core": "^1.1.1",
"expo-notifications": "^0.17.0",
"expo-splash-screen": "^0.17.5",
"expo-status-bar": "~1.4.2",
"expo-updates": "^0.15.6",
"firebase": "^9.17.1",
"i": "^0.3.7",
"lottie-react-native": "^5.1.5",
"moment": "^2.29.4",
"moment-range": "^4.0.2",
"patch-package": "^6.5.1",
"react": "^18.1.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.43.1",
"react-html-email": "^3.0.0",
"react-moment": "^1.1.3",
"react-native": "^0.70.5",
"react-native-calendars": "^1.1293.0",
"react-native-credit-card": "^0.1.9",
"react-native-credit-card-input": "^0.4.1",
"react-native-draggable-calendar": "^1.0.2",
"react-native-fast-image": "^8.6.3",
"react-native-gesture-handler": "^2.9.0",
"react-native-interactable": "^2.0.1",
"react-native-linear-gradient": "^2.6.2",
"react-native-map-link": "^2.10.2",
"react-native-maps": "^1.4.0",
"react-native-paper": "^5.2.0",
"react-native-reanimated": "^2.14.4",
"react-native-safe-area-context": "^4.5.0",
"react-native-screens": "^3.20.0",
"react-native-sendgrid": "^1.0.2",
"react-native-snap-carousel": "^3.9.1",
"react-native-svg": "^13.8.0",
"react-native-swiper": "^1.6.0",
"react-native-web": "^0.18.12",
"react-navigation": "^4.4.4",
"rn-credit-card": "^1.0.4",
"text-encoding": "^0.7.0"},
"devDependencies": {
"#babel/core": "^7.12.9" }

Related

Expo EAS build crashing on production but working on ExpoGo

I've been trying for days to make this work with no luck
I recently migrated to EAS build, and, although I'm able to build successfully, the app crashes on the splash screen.
I pre-built to run on Xcode, and this is the debug output:
2023-01-11 18:06:55.054066-0300 Foodhi[7212:12185149]
[SceneConfiguration] Info.plist contained no UIScene configuration
dictionary (looking for configuration named "(no name)") 2023-01-11
18:06:55.055026-0300 Foodhi[7212:12185149] [SceneConfiguration]
Info.plist contained no UIScene configuration dictionary (looking for
configuration named "(no name)") 2023-01-11 18:06:55.595496-0300
Foodhi[7212:12185149] [native] Running application main ({
initialProps = {
};
rootTag = 1; }) 2023-01-11 18:06:55.899161-0300 Foodhi[7212:12185149] [native]
Error Error:
Cannot find module 'metro-hermes-compiler'Require
stack:-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/Server.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/shared/output/bundle.flow.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/shared/output/bundle.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli-plugin-metro/build/commands/bundle/buildBundle.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli-plugin-metro/build/commands/bundle/bundle.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli-plugin-metro/build/commands/bundle/index.js- /private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli-plugin-metro/build/commands/index.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli-plugin-metro/build/index.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli/build/commands/index.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/#react-native-community/cli/build/index.js-
/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/react-native/cli.js
   at Function.Module._resolveFilename
(node:internal/modules/cjs/loader:985:15)    at
Function.Module._load (node:internal/modules/cjs/loader:833:27)
   at Module.require
(node:internal/modules/cjs/loader:1057:19)    at require
(node:internal/modules/cjs/helpers:103:18)    at
getBytecodeVersion
(/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/Server.js:79:10)
   at Server._parseOptions
(/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/Server.js:413:7)
   at Server._processRequest
(/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/Server.js:430:28)
   at processRequest
(/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/metro/src/Server.js:406:10)
   at call
(/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/connect/index.js:239:7)    at next
(/private/var/folders/wp/tyk971fn42j897jg2pwz6zfr0000gn/T/eas-build-local-nodejs/4a382403-f572-494b-a681-af200dfe3929/build/node_modules/connect/index.js:183:5)
This is my package.json
"dependencies": {
"#babel/eslint-parser": "^7.15.0",
"#emotion/react": "^11.10.4",
"#emotion/styled": "^11.10.4",
"#expo-google-fonts/lato": "^0.2.0",
"#expo-google-fonts/quicksand": "^0.2.0",
"#expo-google-fonts/raleway": "^0.2.0",
"#expo-google-fonts/roboto": "^0.2.0",
"#expo-google-fonts/rubik": "^0.2.0",
"#magic-sdk/react-native": "^4.4.2",
"#material-ui/core": "^4.12.3",
"#material-ui/icons": "^4.11.2",
"#mui/icons-material": "^5.10.9",
"#mui/material": "^5.10.11",
"#react-native-async-storage/async-storage": "~1.17.3",
"#react-native-community/blur": "^3.6.0",
"#react-native-community/cameraroll": "^4.0.4",
"#react-native-community/masked-view": "^0.1.11",
"#react-native-community/netinfo": "9.3.5",
"#react-native-community/push-notification-ios": "^1.10.1",
"#react-native-google-signin/google-signin": "^6.0.1",
"#react-native-picker/picker": "2.4.8",
"#react-navigation/bottom-tabs": "^6.0.5",
"#react-navigation/compat": "^5.3.20",
"#react-navigation/drawer": "^6.1.4",
"#react-navigation/native": "^6.0.2",
"#react-navigation/stack": "^6.0.7",
"#sentry/react-native": "4.9.0",
"#woocommerce/woocommerce-rest-api": "^1.0.1",
"axios": "^0.21.4",
"babel-eslint": "^10.1.0",
"babel-plugin-inline-dotenv": "^1.6.0",
"babel-preset-es2015": "^6.24.1",
"base-64": "^1.0.0",
"cipher-base": "^1.0.4",
"crypto-js": "^4.1.1",
"date-fns": "^2.28.0",
"deprecated-react-native-prop-types": "^2.3.0",
"events": "^3.3.0",
"expo": "~47.0.12",
"expo-app-auth": "~11.1.0",
"expo-app-loading": "~2.1.1",
"expo-application": "~5.0.1",
"expo-asset": "~8.7.0",
"expo-blur": "~12.0.1",
"expo-build-properties": "~0.4.1",
"expo-constants": "~14.0.2",
"expo-device": "~5.0.0",
"expo-document-picker": "~11.0.1",
"expo-file-system": "~15.1.1",
"expo-font": "~11.0.1",
"expo-google-app-auth": "~8.3.0",
"expo-google-sign-in": "~10.1.0",
"expo-haptics": "~12.0.1",
"expo-image-manipulator": "~11.0.0",
"expo-image-picker": "~14.0.2",
"expo-linear-gradient": "~12.0.1",
"expo-location": "~15.0.1",
"expo-media-library": "~15.0.0",
"expo-modules-core": "~1.0.4 || ~1.1.1",
"expo-notifications": "~0.17.0",
"expo-permissions": "~14.0.0",
"expo-sharing": "~11.0.1",
"expo-splash-screen": "~0.17.5",
"expo-status-bar": "~1.4.2",
"expo-updates": "~0.15.6",
"fast-html-parser": "^1.0.1",
"formik": "^2.2.9",
"html-entities": "^2.3.3",
"lodash": "^4.17.21",
"metro-core": "^0.74.0",
"patch-package": "^6.4.7",
"react": "18.1.0",
"react-collapsible": "^2.8.4",
"react-devtools": "^4.17.0",
"react-dom": "18.1.0",
"react-final-form": "^6.5.3",
"react-hook-form": "^7.14.0",
"react-native": "0.70.5",
"react-native-animatable": "^1.3.3",
"react-native-bouncy-checkbox": "^3.0.4",
"react-native-breadcrumb": "^1.2.0",
"react-native-calendar-picker": "^7.1.2",
"react-native-code-push": "^7.0.2",
"react-native-collapsible": "^1.6.0",
"react-native-config": "^1.4.4",
"react-native-document-picker": "^6.0.4",
"react-native-dotenv": "^3.2.0",
"react-native-dropdown-picker": "^5.4.2",
"react-native-elements": "^3.4.2",
"react-native-emoji-selector": "^0.2.0",
"react-native-form-validator": "^0.4.0",
"react-native-fs": "^2.18.0",
"react-native-geocoding": "^0.5.0",
"react-native-geolocation-service": "^5.2.0",
"react-native-gesture-handler": "~2.8.0",
"react-native-get-random-values": "~1.8.0",
"react-native-gifted-chat": "^0.16.3",
"react-native-google-places-autocomplete": "^2.4.1",
"react-native-haptic-feedback": "^1.11.0",
"react-native-htmlview": "^0.16.0",
"react-native-image-crop-picker": "^0.36.2",
"react-native-image-resizer": "^1.4.5",
"react-native-input-validator": "^1.0.12",
"react-native-loading-spinner-overlay": "^2.0.0",
"react-native-maps": "1.3.2",
"react-native-modal": "^13.0.0",
"react-native-modal-dropdown": "^1.0.1",
"react-native-paper": "^4.12.5",
"react-native-permissions": "^3.0.5",
"react-native-picker-select": "^8.0.4",
"react-native-popover-view": "^5.1.5",
"react-native-push-notification": "^8.1.0",
"react-native-reanimated": "~2.12.0",
"react-native-render-html": "^6.1.0",
"react-native-safe-area-context": "4.4.1",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~3.18.0",
"react-native-scroll-into-view": "^2.0.1",
"react-native-share": "^7.0.2",
"react-native-simple-stepper": "^3.0.3",
"react-native-snap-carousel": "^4.0.0-beta.6",
"react-native-super-grid": "^4.1.3",
"react-native-svg": "13.4.0",
"react-native-uuid": "^2.0.1",
"react-native-vector-icons": "^8.1.0",
"react-native-web": "~0.18.7",
"react-native-webview": "11.23.1",
"react-native-week-month-date-picker": "^0.3.0",
"react-native-woocommerce-api": "^1.8.8",
"react-navigation": "^4.4.4",
"react-navigation-drawer": "^2.7.1",
"react-navigation-stack": "^2.10.4",
"react-redux": "^7.2.4",
"redux": "^4.1.1",
"redux-devtools-extension": "^2.13.9",
"redux-persist": "^6.0.0",
"redux-thunk": "^2.3.0",
"sentry-expo": "~6.0.0",
"source-map-support": "^0.5.19",
"string-random": "^0.1.3",
"util": "^0.12.4",
"uuid": "^8.3.2",
"uuidv4": "^6.2.13",
"woocommerce-api": "^1.5.0",
"wpapi": "^1.2.2"
},
"devDependencies": {
"#babel/core": "^7.19.3",
"#babel/runtime": "7.15.3",
"#react-native-community/eslint-config": "3.0.0",
"babel-jest": "27.1.0",
"babel-plugin-module-resolver": "^4.1.0",
"eslint": "^7.32.0",
"metro": "^0.74.0",
"metro-react-native-babel-preset": "0.66.2",
"react-test-renderer": "17.0.2",
"remote-redux-devtools": "^0.5.16"
}

Vue cal dates and time are showing undefined in nuxt

For a fresh project vue-cal is installing fine in Nuxt2. But when I try to install it in one of my old project it is showing undefined in the dates and weeks.
I think one of my package is affecting the vue-cal project. Can you check the package file and tell me which package may be the issue for this problem?
"dependencies": {
"#braid/vue-formulate": "^2.4.3",
"#chenfengyuan/vue-countdown": "^1.1.5",
"#grpc/grpc-js": "^1.6.2",
"#hexdigital/nuxt-intercom": "0.0.9",
"#improbable-eng/grpc-web": "^0.14.0",
"#mercury-labs1/augmentive-node-proto": "^1.3.68",
"#mercury-labs1/augmentive-proto": "^1.3.68",
"#netsells/nuxt-hotjar": "^0.1.2",
"#nuxtjs/auth": "^4.9.1",
"#nuxtjs/axios": "^5.13.6",
"#nuxtjs/dotenv": "^1.4.1",
"#nuxtjs/gtm": "^2.4.0",
"#nuxtjs/robots": "^2.5.0",
"#nuxtjs/sentry": "^4.3.5",
"#nuxtjs/svg-sprite": "^0.4.12",
"#riophae/vue-treeselect": "^0.4.0",
"#tryghost/content-api": "^1.5.13",
"#twilio/rtc-diagnostics": "^1.0.0",
"algoliasearch": "^4.11.0",
"axios": "^0.21.1",
"babel-runtime": "^6.26.0",
"buefy": "^0.9.4",
"chart.js": "^2.9.4",
"defu": "^5.0.0",
"disable-scroll": "^0.5.1",
"flickity": "^2.2.1",
"getstream": "^7.4.0",
"google-protobuf": "^3.14.0-rc.1",
"grpc-web": "^1.2.1",
"grpc-web-node-http-transport": "0.0.1",
"gsap": "^3.7.0",
"instantsearch.css": "^7.4.5",
"lodash": "^4.17.21",
"mapbox-gl": "^2.6.1",
"moment": "^2.28.0",
"moment-timezone": "^0.5.34",
"nuxt": "^2.0.0",
"nuxt-buefy": "^0.4.8",
"nuxt-facebook-pixel-module": "^1.5.0",
"nuxt-logrocket": "^1.5.2",
"posthog-js": "^1.20.0",
"screenfull": "^5.0.2",
"socket.io-client": "1.4.8",
"stream-chat": "^6.2.0",
"timezones-list": "^1.1.1",
"twilio-chat": "^4.0.0",
"twilio-video": "^2.18.0",
"v-calendar": "^2.3.0",
"vue-cal": "^3.11.0",
"vue-chartjs": "^3.5.1",
"vue-core-video-player": "^0.2.0",
"vue-device-detector": "^1.1.6",
"vue-flickity": "^1.2.1",
"vue-instantsearch": "^4.1.1",
"vue-line-clamp": "^1.3.2",
"vue-loading-skeleton": "^1.1.9",
"vue-moment": "^4.1.0",
"vue-progress": "^0.2.1",
"vue-radial-progress": "^0.3.2",
"vue-read-more": "^1.1.1",
"vue-select": "^3.11.0",
"vue-slider-component": "^3.2.11",
"vue-social-sharing": "^3.0.8",
"vue-switches": "^2.0.1",
"vue-tel-input": "^4.4.2",
"vue2-editor": "^2.10.2",
"vue2-perfect-scrollbar": "^1.5.0",
"vue2-smooth-scroll": "^1.6.0",
"vue2-timepicker": "^1.1.5",
"vuejs-paginate": "^2.1.0"
},
"devDependencies": {
"#babel/core": "^7.13.1",
"#babel/plugin-proposal-class-properties": "^7.13.0",
"#babel/plugin-transform-runtime": "^7.13.4",
"#babel/preset-env": "^7.12.17",
"#nuxtjs/style-resources": "^1.0.0",
"#types/google-protobuf": "^3.15.5",
"cypress": "^7.5.0",
"eslint-plugin-cypress": "^2.11.3",
"node-sass": "^4.14.1",
"nuxt-purgecss": "^1.0.0",
"sass-loader": "^8.0.2",
"start-server-and-test": "^1.12.2"
}
OP fixed the issue by upgrading the nuxt and vue modules!

How to make typescript repo work when installed in javascript project

I have created a repo that contains some files in javascript and some in typescript it works fine. but when I installed this repo into another project which is purely javascript in that case when I import any file which is written in typescript I get the error Unable to resolve the path to module 'myRepo/sum'.
NOTE: The app which is consuming myRepo could not setup typescript, it should work with myRepo changes
Solution Tried: added postinstall hook as tsc but that doesn't work
sharing my package.json which is fetching myRepo written in js and ts
{
"name": "test-repo",
"private": true,
"sideEffects": false,
"scripts": {
"test:jest": "npx jest",
"build:dev": "BABEL_ENV=development webpack --config webpack/webpack.dev.js",
"build:devWatch": "BABEL_ENV=development webpack --watch true --config webpack/webpack.dev.js",
"start:dev": "nf start & npm run build:dev"
},
"devDependencies": {
"#babel/cli": "^7.0.0",
"#babel/core": "^7.10.4",
"#babel/plugin-syntax-async-generators": "^7.8.4",
"#babel/plugin-syntax-dynamic-import": "^7.8.3",
"#babel/plugin-transform-async-to-generator": "^7.10.4",
"#babel/plugin-transform-regenerator": "^7.10.4",
"#babel/plugin-transform-runtime": "^7.13.10",
"#babel/preset-env": "^7.10.4",
"#babel/preset-react": "^7.10.4",
"#babel/register": "^7.10.4",
"#fullhuman/postcss-purgecss": "^2.3.0",
"#tanepiper/robots-webpack-plugin": "^0.4.0",
"#testing-library/react": "^11.2.5",
"babel-eslint": "^9.0.0",
"babel-jest": "^23.4.2",
"babel-loader": "^8.0.6",
"babel-plugin-dynamic-import-node": "^2.3.3",
"babel-plugin-root-import": "^6.1.0",
"babel-plugin-source-map-support": "^2.0.1",
"babel-plugin-transform-imports": "^1.5.1",
"babel-preset-airbnb": "^5.0.0",
"cssnano": "^4.1.10",
"cypress": "^4.12.1",
"cypress-image-snapshot": "^3.1.1",
"cypress-log-to-output": "^1.0.8",
"dotenv": "^6.2.0",
"enzyme": "^3.4.2",
"enzyme-adapter-react-16": "^1.2.0",
"enzyme-to-json": "^3.3.4",
"eslint": "^5.3.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-plugin-cypress": "^2.2.1",
"eslint-plugin-import": "^2.20.0",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-react": "^7.11.1",
"exports-loader": "^0.7.0",
"file-loader": "^1.1.11",
"html-loader": "^1.3.2",
"html-loader-jest": "^0.2.1",
"http-proxy": "^1.17.0",
"http-server": "^0.11.1",
"image-webpack-loader": "^7.0.1",
"imports-loader": "^0.8.0",
"js-yaml": "^3.13.0",
"postcss": "^7.0.27",
"postcss-cli": "^6.1.3",
"postcss-custom-properties": "^9.1.1",
"postcss-import": "^12.0.1",
"react-test-renderer": "^16.4.2",
"serverless": "^1.50.1",
"serverless-finch": "^2.4.2",
"serverless-offline": "^5.8.0",
"serverless-plugin-common-layers": "^1.0.0",
"serverless-plugin-tracing": "2.0.0",
"string-replace-loader": "^2.2.0",
"svg-url-loader": "^7.1.1",
"terser-webpack-plugin": "^1.2.3",
"uglifyjs-webpack-plugin": "^2.1.2",
"url-loader": "^2.2.0",
"webpack": "^4.29.6",
"webpack-bundle-analyzer": "^3.1.0",
"webpack-cli": "^3.3.0",
"webpack-dev-server": "^3.2.1",
"webpack-manifest-plugin": "^2.0.4",
"webpack-merge": "^4.2.1",
"webpack-node-externals": "^1.7.2"
},
"dependencies": {
"airbnb-browser-shims": "^3.3.0",
"jest": "^25.1.0",
"myRepo": "git+ssh://git#github.com:githUser/myRepo.git#master",
"prop-types": "^15.6.2",
"react": "^16.4.2",
"react-dom": "^16.4.2",
"react-google-recaptcha": "^2.1.0",
"react-hook-form": "^6.15.4",
"react-hook-inview": "^4.3.8",
"react-loadable": "^5.5.0",
"regenerator-runtime": "^0.13.5",
"rollbar": "^2.4.1",
"sanitize-html": "^2.3.2",
"source-map-support": "^0.5.16",
"style-loader": "^1.2.1",
"uuid": "^3.3.3",
"validator": "^13.5.2",
"whatwg-fetch": "^2.0.4",
"xss-filters": "^1.2.7"
}
}

react.default.memo is not a function at createSvgIcon

I've updated my Material-UI version to 1.0.0, but I'm having this strange error that
_react.default.memo is not a function
at createSvgIcon
I've done a little research and they say to downgrade the react redux library to 6.0.0, so I've done this but the error persists. The dependencies are these:
"dependencies": {
"#material-ui/codemod": "^4.5.0",
"#material-ui/core": "^1.0.0",
"#material-ui/icons": "^4.5.1",
"#material-ui/styles": "^4.7.1",
"babel-polyfill": "~6.22.0",
"browser-filesaver": "~1.1.1",
"build-url": "~1.2.0",
"es6-promise": "~4.2.5",
"file-saver": "~2.0.1",
"iban": "~0.0.8",
"immutable": "~3.8.2",
"jsdoc": "^3.6.3",
"jsdoc-api": "~3.0.0",
"loaders.css": "~0.1.2",
"material-ui": "^0.20.2",
"moment": "~2.20.1",
"prop-types": "~15.6.0",
"react": "~16.3.0",
"react-datepicker": "~0.48.0",
"react-dom": "~16.2.0",
"react-feature-toggles": "~3.0.3",
"react-intl": "~2.4.0",
"react-loaders": "~3.0.1",
"react-redux": "~6.0.0",
"react-router": "~3.2.0",
"react-tooltip": "~3.10.0",
"redux": "~3.7.2",
"redux-form": "~6.8.0",
"redux-form-material-ui": "~4.3.3",
"redux-immutable": "~4.0.0",
"redux-persist": "~4.8.0",
"redux-persist-immutable": "~4.3.1",
"redux-saga": "~0.15.3",
"whatwg-fetch": "~2.0.1"
},
"devDependencies": {
"babel-core": "~6.26.0",
"babel-eslint": "~7.1.1",
"babel-loader": "~7.1.2",
"babel-plugin-istanbul": "~3.1.2",
"babel-plugin-transform-object-rest-spread": "~6.26.0",
"babel-plugin-transform-runtime": "~6.23.0",
"babel-preset-es2015": "~6.22.0",
"babel-preset-react": "~6.22.0",
"chai": "~3.5.0",
"cross-env": "~6.0.3",
"css-loader": "~0.26.0",
"enzyme": "~3.6.0",
"enzyme-adapter-react-16": "~1.5.0",
"enzyme-react-intl": "~1.4.5",
"enzyme-redux": "~0.1.8",
"eslint": "~3.19.0",
"eslint-config-airbnb": "~14.1.0",
"eslint-loader": "~1.6.1",
"eslint-plugin-import": "~2.2.0",
"eslint-plugin-jsx-a11y": "~4.0.0",
"eslint-plugin-react": "~6.9.0",
"exports-loader": "~0.6.3",
"file-loader": "~0.10.1",
"html-loader": "~0.4.4",
"html-webpack-plugin": "~2.28.0",
"ignore-styles": "~5.0.1",
"imports-loader": "~0.7.0",
"istanbul": "~0.4.5",
"jsdom": "~9.8.3",
"jsdom-global": "~2.1.0",
"json-loader": "~0.5.4",
"mocha": "~5.0.1",
"node-sass": "~4.13.0",
"nyc": "~14.1.1",
"react-test-renderer": "~16.5.2",
"redux-saga-testing": "~1.0.5",
"redux-test-utils": "~0.1.3",
"sass-loader": "~4.1.1",
"sinon": "~2.2.0",
"style-loader": "~0.13.1",
"webpack": "~3.10.0",
"webpack-dev-server": "~2.11.1"
},
Do you know why this error occurs?
In your dependencies, you are using the latest version of #material-ui/icons (v4.5.1). This version uses React.memo in createSvgIcon. React.memo was introduced in React 16.6, but you are using version 16.3 of React.
My recommendation would be to go to the latest version of React (16.12.0 for react and react-dom). This will give you more flexibility in which versions of other libraries you can leverage. At a minimum, you should upgrade React to at least 16.8 since the current versions of many libraries are dependent on React hooks.

Is it possible to merge npm depenencies from another package to the current package?

For example, I'm developing my own project package:
/myproject
/package.json
Where the dependencies is empty:
dependencies: {
}
And currently I just want to import all the dependencies from another package, is it possible?
Like if I want to import the dependencies from the belowing git package:
https://github.com/iview/iview-admin
That is, import and merge the below dependencies into the current package, with some command, is it possible?
"dependencies": {
"area-data": "^1.0.0",
"axios": "^0.17.1",
"clipboard": "^1.7.1",
"countup": "^1.8.2",
"cropperjs": "^1.2.2",
"echarts": "^3.8.5",
"html2canvas": "^0.5.0-beta4",
"iview": "^2.8.0",
"iview-area": "^1.5.16",
"js-cookie": "^2.2.0",
"rasterizehtml": "^1.2.4",
"simplemde": "^1.11.2",
"sortablejs": "^1.7.0",
"tinymce": "^4.7.4",
"vue": "^2.5.13",
"vue-router": "^3.0.1",
"vue-virtual-scroller": "^0.10.6",
"vuex": "^3.0.1",
"xlsx": "^0.11.17"
},
"devDependencies": {
"autoprefixer-loader": "^3.2.0",
"babel": "^6.23.0",
"babel-core": "^6.23.1",
"babel-eslint": "^8.2.1",
"babel-loader": "^7.1.2",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-runtime": "^6.12.0",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015": "^6.9.0",
"babel-preset-stage-3": "^6.24.1",
"babel-runtime": "^6.11.6",
"clean-webpack-plugin": "^0.1.17",
"copy-webpack-plugin": "^4.3.1",
"css-hot-loader": "^1.3.5",
"css-loader": "^0.28.8",
"ejs-loader": "^0.3.0",
"eslint": "^4.15.0",
"eslint-config-standard": "^10.2.1",
"eslint-plugin-html": "^4.0.1",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-node": "^5.2.1",
"eslint-plugin-promise": "^3.6.0",
"eslint-plugin-standard": "^3.0.1",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.6",
"happypack": "^4.0.1",
"html-loader": "^0.5.4",
"html-webpack-plugin": "^2.28.0",
"less": "^2.7.3",
"less-loader": "^4.0.5",
"semver": "^5.4.1",
"style-loader": "^0.19.1",
"unsupported": "^1.1.0",
"url-loader": "^0.6.2",
"vue-hot-reload-api": "^2.2.4",
"vue-html-loader": "^1.2.3",
"vue-i18n": "^5.0.3",
"vue-loader": "^13.7.0",
"vue-style-loader": "^3.0.3",
"vue-template-compiler": "^2.5.13",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.10.1",
"webpack-merge": "^4.1.1",
"webpack-uglify-parallel": "^0.1.4"
}
If your local package.json is empty - you can just c/p dependencies.
Also, if your question is about doing this from time to time, with different projects, you can consider using a npm package that provides such function.
It also will warn you about any potential conflicts of the versions declared.

Categories