Fix _typeof is not defined error by deleting nodeModules from webpack…

…er loaders

More context:
visgl/react-map-gl#874
lewagon/rails-templates#81
mapbox/mapbox-gl-js#3422

app/javascript/packs/home/components/map.jsx

@@ -65,6 +65,7 @@ function Map(props) {
       onViewportChange={setViewport}
       mapboxApiAccessToken={MAPBOX_TOKEN}
       onHover={onHover}
+      height={500}
     >
       <Pins data={props.location} />
 

app/javascript/packs/home/index.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom";
 import Map from "./components/map";
 import "mapbox-gl/dist/mapbox-gl.css";
+import ReactMapGL from "react-map-gl";
 
 const ALAMEDA = {
   type: "Feature",
@@ -39,9 +40,10 @@ const ME_LOCATION = [
   },
 ];
 
+
 document.addEventListener("DOMContentLoaded", () => {
   ReactDOM.render(
-    <div>Hello, world</div>,
+    <Map location={ME_LOCATION} features={FEATURES} className='freeforestmap' />,
     document.body.appendChild(document.createElement("div"))
   );
 });

config/webpack/environment.js

@@ -1,3 +1,5 @@
 const { environment } = require('@rails/webpacker')
 
-module.exports = environment
+environment.loaders.delete('nodeModules');
+
+module.exports = environment;

config/webpacker.yml

@@ -52,7 +52,6 @@ default: &default
 development:
   <<: *default
   compile: true
-  devtools: "sourcemap"
 
   # Verifies that correct packages and versions are installed by inspecting package.json, yarn.lock, and node_modules
   check_yarn_integrity: true