babel-upgrade | upgrading Babel versions : ` npx babel | Build Tool library

Im getting the error:

throw new TypeError('Router.use()requires a middleware function but got a ' + gettype(fn))v

I'm fairly new and not sure what is going on! Any help would be greatly appreciated and let me know if there is any other information that might be helpful. Thanks so much ahead of time!!!!!!!

Here is my app.js:

below is my router.js

I'm trying to run my server.js file locally but every time I try "node server.js" I get a:

SyntaxError: Unexpected Identifier for "import React from react

I'm simply trying to see if I get a console.log("connected") message in a function that accesses my database.

I have already tried adding the "transform-es2015-modules-amd" to my plugins in the package.json file in the Babel section. I have tried almost every other solution offered on Stack Overflow posts similar to mine.

package.json

Destructuring from props is not working inside an async function while it's working fine if I use it using this.props.

This is for a react-native app already in production which suddenly started giving this error 2 days back. I've tried upgrading babel using this

But no success so far.

If I use this.props.getLoginData instead, it works fine

If I use following function, it's erroneous:

PS: It's the first time I've given up to the point of composing my first question here. Would be really grateful if someone could help. Thanks!

I'm trying to load my ReactJS web app in iOS 10 Safari on a relatively old iPad (I use webpack and babel-loader, and serve it using webpack-dev-server).

I'm getting the following Syntax error:

SyntaxError: Unexpected token '...'. Expected a property name.

(The page loads fine on all devices/browsers I've tried so far.)

The error is caused by this line of transpiled code:

eval("\nconst publicIp = __webpack_require__(/*! public-ip */ \"./node_modules/public-ip/browser.js\");\n\nconst isOnline = async options => {\n\toptions = {\n\t\ttimeout: 5000,\n\t\tversion: 'v4',\n\t\t...options\n\t};\n\n\ttry {\n\t\tawait publicIp[options.version](options);\n\t\treturn true;\n\t} catch (_) {\n\t\treturn false;\n\t}\n};\n\nmodule.exports = isOnline;\n// TODO: Remove this for the next major release\nmodule.exports.default = isOnline;\n\n\n//# sourceURL=webpack:///./node_modules/is-online/browser.js?");

where we can observe as seen in the source https://github.com/sindresorhus/is-online/blob/master/browser.js:

After installing react-if package to my react native app I am getting the error

bundling failed: Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3"

I tried to upgrad Babel by running npx babel-upgrade --write --install but I am still getting the same error. How do you upgrade Babel?

If I run babel -V the version is 7.2.3 (@babel/core 7.4.0)

React native Version: 0.57.3

Android: Google Pixel 3 API - 28

iOS: iPhone 8 plus - 11.4

react-native-web: 0.10.0

I am trying to run my react-native-web app which is running fine on the web. I have run into this issue after trying to solve babel plugin issues on mobile side. I have used babel-upgrade for auto babel upgrade. I am posting my package.json and babelrc here.

package.json :

...

Following this tutorial about how to do server-side rendering from a create-react-app, I want to run this piece of code: