Add upgrade guide and remove lang option completely

Author: dozoisch

README.md

@@ -114,13 +114,8 @@ ReactDOM.render(
 
 #### Global properties used by reCaptcha
 
-__lang__: *DEPRECATED* By default google reCaptcha infers the user's interface language. In order to overwrite the language and update the translation for the reCaptcha widget, you can create a global variable configuring the desired language via `lang`.
-
-*Instead use props.hl* reCaptcha now supports an hl property to be passed at render. The global lang parameter is no longer need and will be removed.
-
 __useRecaptchaNet__: If google.com is blocked, you can set `useRecaptchaNet` to `true` so that the component uses recaptcha.net instead.
 
-__removeOnUnmount__: *REMOVED* This was only useful for the lang changes. Lang is now changed through
 
 Example global properties:
 ```js
@@ -148,6 +143,12 @@ render(
 );
 ```
 
+## Migrate to 2.0
+
+- __options.removeOnUnmount__: *REMOVED* This was only useful for the lang changes. Lang is now changed through the `hl` prop.
+- __options.lang__: *REMOVED* Instead pass it as the `hl` prop on the component.
+
+
 ## Notes on Requirements
 At least `[email protected]` is required due to `forwardRef` usage in the dependency [react-async-script](https://github.com/dozoisch/react-async-script).
 

src/recaptcha-wrapper.js

@@ -1,9 +1,13 @@
-import ReCAPTCHA, { getOptions } from "./recaptcha";
+import ReCAPTCHA from "./recaptcha";
 import makeAsyncScriptLoader from "react-async-script";
 
 const callbackName = "onloadcallback";
 const globalName = "grecaptcha";
 
+function getOptions() {
+  return (typeof window !== "undefined" && window.recaptchaOptions) || {};
+}
+
 function getURL() {
   const dynamicOptions = getOptions();
   const hostname = dynamicOptions.useRecaptchaNet ? "recaptcha.net" : "www.google.com";

src/recaptcha.js

@@ -1,10 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
 
-export function getOptions() {
-  return (typeof window !== "undefined" && window.recaptchaOptions) || {};
-}
-
 export default class ReCAPTCHA extends React.Component {
   constructor() {
     super();
@@ -57,8 +53,6 @@ export default class ReCAPTCHA extends React.Component {
 
   explicitRender() {
     if (this.props.grecaptcha && this.props.grecaptcha.render && this._widgetId === undefined) {
-      const hl = this.props.hl || getOptions().lang || undefined;
-
       const wrapper = document.createElement("div");
       this._widgetId = this.props.grecaptcha.render(wrapper, {
         sitekey: this.props.sitekey,
@@ -70,7 +64,7 @@ export default class ReCAPTCHA extends React.Component {
         "error-callback": this.handleErrored,
         size: this.props.size,
         stoken: this.props.stoken,
-        hl,
+        hl: this.props.hl,
         badge: this.props.badge,
       });
       this.captcha.appendChild(wrapper);