fix(babel): Use scoped react-bootstrap for babel@7

client/package.json

@@ -10,10 +10,11 @@
     "@fortawesome/free-regular-svg-icons": "^5.2.0",
     "@fortawesome/free-solid-svg-icons": "^5.2.0",
     "@fortawesome/react-fontawesome": "0.0.20",
+    "@freecodecamp/react-bootstrap": "^0.32.3",
     "@reach/router": "^1.1.1",
     "axios": "^0.18.0",
-    "gatsby": "^2.0.0-rc.1",
-    "gatsby-link": "^2.0.0-rc.1",
+    "gatsby": "^2.0.0-rc.10",
+    "gatsby-link": "^2.0.0-rc.2",
     "gatsby-plugin-create-client-paths": "^2.0.0-rc.1",
     "gatsby-plugin-manifest": "next",
     "gatsby-plugin-react-helmet": "next",
@@ -22,7 +23,6 @@
     "nanoid": "^1.2.2",
     "query-string": "^6.1.0",
     "react": "^16.4.2",
-    "react-bootstrap": "^0.32.3",
     "react-dom": "^16.4.2",
     "react-freecodecamp-search": "^2.0.2",
     "react-helmet": "^5.2.0",

client/src/client-only-routes/ShowCertification.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { Grid, Row, Col, Image } from 'react-bootstrap';
+import { Grid, Row, Col, Image } from '@freecodecamp/react-bootstrap';
 
 import {
   showCertSelector,

client/src/components/Flash/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Alert } from 'react-bootstrap';
+import { Alert } from '@freecodecamp/react-bootstrap';
 
 import './flash.css';
 

client/src/components/Header/components/Login.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from 'react-bootstrap';
+import { Button } from '@freecodecamp/react-bootstrap';
 import { Link } from 'gatsby';
 
 import './login.css';

client/src/components/helpers/FullWidthRow.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Row, Col } from 'react-bootstrap';
+import { Row, Col } from '@freecodecamp/react-bootstrap';
 
 function FullWidthRow({ children }) {
   return (

client/src/components/helpers/SlimWidthRow.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Row, Col } from 'react-bootstrap';
+import { Row, Col } from '@freecodecamp/react-bootstrap';
 
 function SlimWidthRow({ children, ...restProps }) {
   return (

client/src/pages/accept-privacy-terms.js

@@ -10,7 +10,7 @@ import {
   FormGroup,
   ControlLabel,
   Checkbox
-} from 'react-bootstrap';
+} from '@freecodecamp/react-bootstrap';
 import Helmet from 'react-helmet';
 
 import Layout from '../components/Layout';

client/src/pages/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Grid, Row, Col, Image } from 'react-bootstrap';
+import { Grid, Row, Col, Image } from '@freecodecamp/react-bootstrap';
 import FontAwesomeIcon from '@fortawesome/react-fontawesome';
 import {
   faHtml5,

client/src/pages/update-email.js

@@ -13,7 +13,7 @@ import {
   Row,
   Col,
   Button
-} from 'react-bootstrap';
+} from '@freecodecamp/react-bootstrap';
 
 import Layout from '../components/Layout';
 import { Spacer } from '../components/helpers';

client/src/pages/welcome.js

@@ -4,7 +4,7 @@ import { navigateTo } from 'gatsby';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { Grid, Row, Col, Button } from 'react-bootstrap';
+import { Grid, Row, Col, Button } from '@freecodecamp/react-bootstrap';
 
 import { Loader, Spacer } from '../components/helpers';
 import Layout from '../components/Layout';