Update babel-loader and the presets it uses (#1183)

* update babel-loader and the presets it uses

* fix linting error

* update package-lock.json

* update package-lock.json

components/join-us-modal/form/create-fields.js

@@ -1,7 +1,7 @@
 import React from "react";
 import validator from "../../../js/form-validator";
 
-module.exports = function(user, profile) {
+export default function(user, profile) {
   let step1 = {
     custom_name: {
       type: `text`,

package.json

@@ -39,8 +39,8 @@
   },
   "babel": {
     "presets": [
-      "es2015",
-      "react"
+      "@babel/env",
+      "@babel/react"
     ]
   },
   "browserslist": [
@@ -75,11 +75,11 @@
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
+    "@babel/preset-env": "^7.7.5",
+    "@babel/preset-react": "^7.7.4",
     "autoprefixer": "^9.7.3",
     "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
+    "babel-loader": "^8.0.6",
     "browserslist": "^4.8.2",
     "classnames": "^2.2.5",
     "document-env-vars": "^2.1.0",

pages/add/form/basic-info-fields.js

@@ -1,7 +1,7 @@
 import React from "react";
 import validator from "./validator";
 
-module.exports = {
+export default {
   title: {
     // required field
     type: `text`,

pages/add/form/detail-info-fields.js

@@ -17,7 +17,7 @@ const IssuesLabel = function() {
   );
 };
 
-module.exports = {
+export default {
   published_by_creator: {
     type: `checkbox`,
     label: `Yes`,

pages/profile-edit/form/fields.js

@@ -15,7 +15,7 @@ let IssuesLabel = () => {
   );
 };
 
-module.exports = function(showLongBio) {
+export default function(showLongBio) {
   let fields = {
     custom_name: {
       type: `text`,
@@ -129,4 +129,4 @@ module.exports = function(showLongBio) {
   }
 
   return fields;
-};
+}