Wrap window references for SSR

[jaronheard]

Addresses #503

Still requires the Webpack configuration tweak to work with Gatsby, as described in their documentation on this issue. I feel like there is a workaround for the two offending modules, but I'm not sure what it is.

I added the global module as a dependency for this purpose.

exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
  if (stage === "build-html") {
    actions.setWebpackConfig({
      module: {
        rules: [
          {
            test: /react-map-gl-geocoder/,
            use: loaders.null()
          },
          {
            test: /mapbox-gl/,
            use: loaders.null()
          }
        ]
      }
    });
  }
};

[ghost]

I found some potential errors. Also, I'm not able to test on CodeSandbox for some reason. The terminal runs to here:

So I haven't been able to test how this works. I don't see any gatsby config files in the repo, just on the sandbox. I'm guessing in lieu of using sandbox I could install the gatsby-cli?

[ghost]

Do you not need to do a check that window has requestAnimFrame?

[jaronheard]

Since this is setting a property on window, which we've imported from global, rather than getting a property, it should be fine

[jaronheard]

@Dianna ready when you have a chance to take another look

[ghost]

The small issues I found have been fixed 👍