Creating an instance of URL like: `new URL('http://facebook.com')` throws an exception.

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment: OS: macOS Sierra 10.12.6 Node: 8.6.0 Yarn: 0.24.6 npm: 5.3.0 Watchman: 4.7.0 Xcode: Xcode 8.3 Build version 8E162 Android Studio: 2.3 AI-162.3934792

Packages: (wanted => installed) react: 16.0.0-alpha.12 => 16.0.0-alpha.12 react-native: ^0.48.4 => 0.48.4 Target Platform: iOS (10.3)

Steps to Reproduce

1. Create a ReactNative project, which uses React Native 16
2. Try to create an instance of URL in any .js file, like this:

   const url = new URL('http://facebook.com');
   

3. Run the project

Expected Behavior

The URL to be the native URL, this one. It was working fine in React 15, but in React 16 it was replaced with something internal. We use URL to parse URLs and extract information about the hostname, port, etc. so we need this behaviour back.

Actual Behavior

An exception is thrown: Creating BlobURL objects is not supported yet.

Reproducible Demo

https://snack.expo.io/SJUA5i7TZ

[Slapbox]

@hramos if a polyfill existing is reason enough to close this issue then I think the React Native team should deprecate the URL module and outsource it to the community as they have with others. This weird, multi-year, limbo state of the URL module is not good…

[mike-marcacci]

This can be worked around. Add this little piece of nastiness to your index.js:

// see https://github.com/facebook/react-native/issues/14796
import { Buffer } from "buffer";
global.Buffer = Buffer;

// see https://github.com/facebook/react-native/issues/16434
import { URL, URLSearchParams } from "whatwg-url";
global.URL = URL;
global.URLSearchParams = URLSearchParams;