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

…er loaders

Manually set height of map div to get something visible for now

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

@@ -41,7 +41,7 @@ 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