Server-side rendering: "ReferenceError: navigator is not defined"

When I include this module in one of my views that I render on the server (using React here), I get the ReferenceError mentioned in the subject. Regardless of the fact that I’m not calling .setup() or any braintree methods on the server, Node parses the module and breaks on the navigator references.

I’m not able to offer a pull request on the minified code in this repo, but a cursory look at it tells me the server may break on the unchecked references to window and document.

My current workaround is including the library in the <script> tags in my html, and not in my overall Webpack build. This is unfortunate as it increases the number of requests each page must do.

[EvanHahn]

While execution of this library is still only supported in browser environments, the latest beta of the new version of our SDK (braintree-web@3.0.0-beta.9) can be required in Node which may help with server-side rendering.

Here are some links to our official documentation:

• Setup for v3
• Migrating from v2 to v3

[jaredpalmer]

Oh sorry, I forgot that I disgustingly added it with just a script tag in my html template. Ugly, but it’s the only way to get it work with react and SSR