react-i18next 14.0.0 → 14.0.2

package/dist/amd/react-i18next.js

@@ -1,865 +1,856 @@
-define(['exports', 'react'], (function (exports, React) { 'use strict';
+define(['exports', 'react'], (function (exports, react) { 'use strict';
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
+	function getDefaultExportFromCjs (x) {
+		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+	}
 
-  function getDefaultExportFromCjs (x) {
-  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-  }
+	var voidElements = {
+	  "area": true,
+	  "base": true,
+	  "br": true,
+	  "col": true,
+	  "embed": true,
+	  "hr": true,
+	  "img": true,
+	  "input": true,
+	  "link": true,
+	  "meta": true,
+	  "param": true,
+	  "source": true,
+	  "track": true,
+	  "wbr": true
+	};
 
-  var voidElements = {
-    "area": true,
-    "base": true,
-    "br": true,
-    "col": true,
-    "embed": true,
-    "hr": true,
-    "img": true,
-    "input": true,
-    "link": true,
-    "meta": true,
-    "param": true,
-    "source": true,
-    "track": true,
-    "wbr": true
-  };
+	var e = /*@__PURE__*/getDefaultExportFromCjs(voidElements);
 
-  var e = /*@__PURE__*/getDefaultExportFromCjs(voidElements);
+	var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+	function n(n) {
+	  var r = {
+	      type: "tag",
+	      name: "",
+	      voidElement: !1,
+	      attrs: {},
+	      children: []
+	    },
+	    i = n.match(/<\/?([^\s]+?)[/\s>]/);
+	  if (i && (r.name = i[1], (e[i[1]] || "/" === n.charAt(n.length - 2)) && (r.voidElement = !0), r.name.startsWith("!--"))) {
+	    var s = n.indexOf("--\x3e");
+	    return {
+	      type: "comment",
+	      comment: -1 !== s ? n.slice(4, s) : ""
+	    };
+	  }
+	  for (var a = new RegExp(t), c = null; null !== (c = a.exec(n));) if (c[0].trim()) if (c[1]) {
+	    var o = c[1].trim(),
+	      l = [o, ""];
+	    o.indexOf("=") > -1 && (l = o.split("=")), r.attrs[l[0]] = l[1], a.lastIndex--;
+	  } else c[2] && (r.attrs[c[2]] = c[3].trim().substring(1, c[3].length - 1));
+	  return r;
+	}
+	var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,
+	  i = /^\s*$/,
+	  s = Object.create(null);
+	function a(e, t) {
+	  switch (t.type) {
+	    case "text":
+	      return e + t.content;
+	    case "tag":
+	      return e += "<" + t.name + (t.attrs ? function (e) {
+	        var t = [];
+	        for (var n in e) t.push(n + '="' + e[n] + '"');
+	        return t.length ? " " + t.join(" ") : "";
+	      }(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(a, "") + "</" + t.name + ">";
+	    case "comment":
+	      return e + "\x3c!--" + t.comment + "--\x3e";
+	  }
+	}
+	var c = {
+	  parse: function (e, t) {
+	    t || (t = {}), t.components || (t.components = s);
+	    var a,
+	      c = [],
+	      o = [],
+	      l = -1,
+	      m = !1;
+	    if (0 !== e.indexOf("<")) {
+	      var u = e.indexOf("<");
+	      c.push({
+	        type: "text",
+	        content: -1 === u ? e : e.substring(0, u)
+	      });
+	    }
+	    return e.replace(r, function (r, s) {
+	      if (m) {
+	        if (r !== "</" + a.name + ">") return;
+	        m = !1;
+	      }
+	      var u,
+	        f = "/" !== r.charAt(1),
+	        h = r.startsWith("\x3c!--"),
+	        p = s + r.length,
+	        d = e.charAt(p);
+	      if (h) {
+	        var v = n(r);
+	        return l < 0 ? (c.push(v), c) : ((u = o[l]).children.push(v), c);
+	      }
+	      if (f && (l++, "tag" === (a = n(r)).type && t.components[a.name] && (a.type = "component", m = !0), a.voidElement || m || !d || "<" === d || a.children.push({
+	        type: "text",
+	        content: e.slice(p, e.indexOf("<", p))
+	      }), 0 === l && c.push(a), (u = o[l - 1]) && u.children.push(a), o[l] = a), (!f || a.voidElement) && (l > -1 && (a.voidElement || a.name === r.slice(2, -1)) && (l--, a = -1 === l ? c : o[l]), !m && "<" !== d && d)) {
+	        u = -1 === l ? c : o[l].children;
+	        var x = e.indexOf("<", p),
+	          g = e.slice(p, -1 === x ? void 0 : x);
+	        i.test(g) && (g = " "), (x > -1 && l + u.length >= 0 || " " !== g) && u.push({
+	          type: "text",
+	          content: g
+	        });
+	      }
+	    }), c;
+	  },
+	  stringify: function (e) {
+	    return e.reduce(function (e, t) {
+	      return e + a("", t);
+	    }, "");
+	  }
+	};
 
-  var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
-  function n(n) {
-    var r = {
-        type: "tag",
-        name: "",
-        voidElement: !1,
-        attrs: {},
-        children: []
-      },
-      i = n.match(/<\/?([^\s]+?)[/\s>]/);
-    if (i && (r.name = i[1], (e[i[1]] || "/" === n.charAt(n.length - 2)) && (r.voidElement = !0), r.name.startsWith("!--"))) {
-      var s = n.indexOf("--\x3e");
-      return {
-        type: "comment",
-        comment: -1 !== s ? n.slice(4, s) : ""
-      };
-    }
-    for (var a = new RegExp(t), c = null; null !== (c = a.exec(n));) if (c[0].trim()) if (c[1]) {
-      var o = c[1].trim(),
-        l = [o, ""];
-      o.indexOf("=") > -1 && (l = o.split("=")), r.attrs[l[0]] = l[1], a.lastIndex--;
-    } else c[2] && (r.attrs[c[2]] = c[3].trim().substring(1, c[3].length - 1));
-    return r;
-  }
-  var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,
-    i = /^\s*$/,
-    s = Object.create(null);
-  function a(e, t) {
-    switch (t.type) {
-      case "text":
-        return e + t.content;
-      case "tag":
-        return e += "<" + t.name + (t.attrs ? function (e) {
-          var t = [];
-          for (var n in e) t.push(n + '="' + e[n] + '"');
-          return t.length ? " " + t.join(" ") : "";
-        }(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(a, "") + "</" + t.name + ">";
-      case "comment":
-        return e + "\x3c!--" + t.comment + "--\x3e";
-    }
-  }
-  var c = {
-    parse: function (e, t) {
-      t || (t = {}), t.components || (t.components = s);
-      var a,
-        c = [],
-        o = [],
-        l = -1,
-        m = !1;
-      if (0 !== e.indexOf("<")) {
-        var u = e.indexOf("<");
-        c.push({
-          type: "text",
-          content: -1 === u ? e : e.substring(0, u)
-        });
-      }
-      return e.replace(r, function (r, s) {
-        if (m) {
-          if (r !== "</" + a.name + ">") return;
-          m = !1;
-        }
-        var u,
-          f = "/" !== r.charAt(1),
-          h = r.startsWith("\x3c!--"),
-          p = s + r.length,
-          d = e.charAt(p);
-        if (h) {
-          var v = n(r);
-          return l < 0 ? (c.push(v), c) : ((u = o[l]).children.push(v), c);
-        }
-        if (f && (l++, "tag" === (a = n(r)).type && t.components[a.name] && (a.type = "component", m = !0), a.voidElement || m || !d || "<" === d || a.children.push({
-          type: "text",
-          content: e.slice(p, e.indexOf("<", p))
-        }), 0 === l && c.push(a), (u = o[l - 1]) && u.children.push(a), o[l] = a), (!f || a.voidElement) && (l > -1 && (a.voidElement || a.name === r.slice(2, -1)) && (l--, a = -1 === l ? c : o[l]), !m && "<" !== d && d)) {
-          u = -1 === l ? c : o[l].children;
-          var x = e.indexOf("<", p),
-            g = e.slice(p, -1 === x ? void 0 : x);
-          i.test(g) && (g = " "), (x > -1 && l + u.length >= 0 || " " !== g) && u.push({
-            type: "text",
-            content: g
-          });
-        }
-      }), c;
-    },
-    stringify: function (e) {
-      return e.reduce(function (e, t) {
-        return e + a("", t);
-      }, "");
-    }
-  };
+	function warn() {
+	  if (console && console.warn) {
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+	    if (typeof args[0] === 'string') args[0] = `react-i18next:: ${args[0]}`;
+	    console.warn(...args);
+	  }
+	}
+	const alreadyWarned = {};
+	function warnOnce() {
+	  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+	    args[_key2] = arguments[_key2];
+	  }
+	  if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
+	  if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
+	  warn(...args);
+	}
+	const loadedClb = (i18n, cb) => () => {
+	  if (i18n.isInitialized) {
+	    cb();
+	  } else {
+	    const initialized = () => {
+	      setTimeout(() => {
+	        i18n.off('initialized', initialized);
+	      }, 0);
+	      cb();
+	    };
+	    i18n.on('initialized', initialized);
+	  }
+	};
+	function loadNamespaces(i18n, ns, cb) {
+	  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+	}
+	function loadLanguages(i18n, lng, ns, cb) {
+	  if (typeof ns === 'string') ns = [ns];
+	  ns.forEach(n => {
+	    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
+	  });
+	  i18n.loadLanguages(lng, loadedClb(i18n, cb));
+	}
+	function oldI18nextHasLoadedNamespace(ns, i18n) {
+	  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	  const lng = i18n.languages[0];
+	  const fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
+	  const lastLng = i18n.languages[i18n.languages.length - 1];
+	  if (lng.toLowerCase() === 'cimode') return true;
+	  const loadNotPending = (l, n) => {
+	    const loadState = i18n.services.backendConnector.state[`${l}|${n}`];
+	    return loadState === -1 || loadState === 2;
+	  };
+	  if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
+	  if (i18n.hasResourceBundle(lng, ns)) return true;
+	  if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
+	  if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+	  return false;
+	}
+	function hasLoadedNamespace(ns, i18n) {
+	  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	  if (!i18n.languages || !i18n.languages.length) {
+	    warnOnce('i18n.languages were undefined or empty', i18n.languages);
+	    return true;
+	  }
+	  const isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
+	  if (!isNewerI18next) {
+	    return oldI18nextHasLoadedNamespace(ns, i18n, options);
+	  }
+	  return i18n.hasLoadedNamespace(ns, {
+	    lng: options.lng,
+	    precheck: (i18nInstance, loadNotPending) => {
+	      if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
+	    }
+	  });
+	}
+	function getDisplayName(Component) {
+	  return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
+	}
 
-  function warn() {
-    if (console && console.warn) {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      if (typeof args[0] === 'string') args[0] = `react-i18next:: ${args[0]}`;
-      console.warn(...args);
-    }
-  }
-  const alreadyWarned = {};
-  function warnOnce() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
-    if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
-    warn(...args);
-  }
-  const loadedClb = (i18n, cb) => () => {
-    if (i18n.isInitialized) {
-      cb();
-    } else {
-      const initialized = () => {
-        setTimeout(() => {
-          i18n.off('initialized', initialized);
-        }, 0);
-        cb();
-      };
-      i18n.on('initialized', initialized);
-    }
-  };
-  function loadNamespaces(i18n, ns, cb) {
-    i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-  }
-  function loadLanguages(i18n, lng, ns, cb) {
-    if (typeof ns === 'string') ns = [ns];
-    ns.forEach(n => {
-      if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
-    });
-    i18n.loadLanguages(lng, loadedClb(i18n, cb));
-  }
-  function oldI18nextHasLoadedNamespace(ns, i18n) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    const lng = i18n.languages[0];
-    const fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
-    const lastLng = i18n.languages[i18n.languages.length - 1];
-    if (lng.toLowerCase() === 'cimode') return true;
-    const loadNotPending = (l, n) => {
-      const loadState = i18n.services.backendConnector.state[`${l}|${n}`];
-      return loadState === -1 || loadState === 2;
-    };
-    if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
-    if (i18n.hasResourceBundle(lng, ns)) return true;
-    if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-    return false;
-  }
-  function hasLoadedNamespace(ns, i18n) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    if (!i18n.languages || !i18n.languages.length) {
-      warnOnce('i18n.languages were undefined or empty', i18n.languages);
-      return true;
-    }
-    const isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
-    if (!isNewerI18next) {
-      return oldI18nextHasLoadedNamespace(ns, i18n, options);
-    }
-    return i18n.hasLoadedNamespace(ns, {
-      lng: options.lng,
-      precheck: (i18nInstance, loadNotPending) => {
-        if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
-      }
-    });
-  }
-  function getDisplayName(Component) {
-    return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
-  }
+	const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+	const htmlEntities = {
+	  '&amp;': '&',
+	  '&#38;': '&',
+	  '&lt;': '<',
+	  '&#60;': '<',
+	  '&gt;': '>',
+	  '&#62;': '>',
+	  '&apos;': "'",
+	  '&#39;': "'",
+	  '&quot;': '"',
+	  '&#34;': '"',
+	  '&nbsp;': ' ',
+	  '&#160;': ' ',
+	  '&copy;': '©',
+	  '&#169;': '©',
+	  '&reg;': '®',
+	  '&#174;': '®',
+	  '&hellip;': '…',
+	  '&#8230;': '…',
+	  '&#x2F;': '/',
+	  '&#47;': '/'
+	};
+	const unescapeHtmlEntity = m => htmlEntities[m];
+	const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);
 
-  const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-  const htmlEntities = {
-    '&amp;': '&',
-    '&#38;': '&',
-    '&lt;': '<',
-    '&#60;': '<',
-    '&gt;': '>',
-    '&#62;': '>',
-    '&apos;': "'",
-    '&#39;': "'",
-    '&quot;': '"',
-    '&#34;': '"',
-    '&nbsp;': ' ',
-    '&#160;': ' ',
-    '&copy;': '©',
-    '&#169;': '©',
-    '&reg;': '®',
-    '&#174;': '®',
-    '&hellip;': '…',
-    '&#8230;': '…',
-    '&#x2F;': '/',
-    '&#47;': '/'
-  };
-  const unescapeHtmlEntity = m => htmlEntities[m];
-  const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+	let defaultOptions = {
+	  bindI18n: 'languageChanged',
+	  bindI18nStore: '',
+	  transEmptyNodeValue: '',
+	  transSupportBasicHtmlNodes: true,
+	  transWrapTextNodes: '',
+	  transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
+	  useSuspense: true,
+	  unescape
+	};
+	function setDefaults() {
+	  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	  defaultOptions = {
+	    ...defaultOptions,
+	    ...options
+	  };
+	}
+	function getDefaults() {
+	  return defaultOptions;
+	}
 
-  let defaultOptions = {
-    bindI18n: 'languageChanged',
-    bindI18nStore: '',
-    transEmptyNodeValue: '',
-    transSupportBasicHtmlNodes: true,
-    transWrapTextNodes: '',
-    transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
-    useSuspense: true,
-    unescape
-  };
-  function setDefaults() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    defaultOptions = {
-      ...defaultOptions,
-      ...options
-    };
-  }
-  function getDefaults() {
-    return defaultOptions;
-  }
+	let i18nInstance;
+	function setI18n(instance) {
+	  i18nInstance = instance;
+	}
+	function getI18n() {
+	  return i18nInstance;
+	}
 
-  let i18nInstance;
-  function setI18n(instance) {
-    i18nInstance = instance;
-  }
-  function getI18n() {
-    return i18nInstance;
-  }
+	function hasChildren(node, checkLength) {
+	  if (!node) return false;
+	  const base = node.props ? node.props.children : node.children;
+	  if (checkLength) return base.length > 0;
+	  return !!base;
+	}
+	function getChildren(node) {
+	  if (!node) return [];
+	  const children = node.props ? node.props.children : node.children;
+	  return node.props && node.props.i18nIsDynamicList ? getAsArray(children) : children;
+	}
+	function hasValidReactChildren(children) {
+	  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
+	  return children.every(child => react.isValidElement(child));
+	}
+	function getAsArray(data) {
+	  return Array.isArray(data) ? data : [data];
+	}
+	function mergeProps(source, target) {
+	  const newTarget = {
+	    ...target
+	  };
+	  newTarget.props = Object.assign(source.props, target.props);
+	  return newTarget;
+	}
+	function nodesToString(children, i18nOptions) {
+	  if (!children) return '';
+	  let stringNode = '';
+	  const childrenArray = getAsArray(children);
+	  const keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
+	  childrenArray.forEach((child, childIndex) => {
+	    if (typeof child === 'string') {
+	      stringNode += `${child}`;
+	    } else if (react.isValidElement(child)) {
+	      const childPropsCount = Object.keys(child.props).length;
+	      const shouldKeepChild = keepArray.indexOf(child.type) > -1;
+	      const childChildren = child.props.children;
+	      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
+	        stringNode += `<${child.type}/>`;
+	      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
+	        stringNode += `<${childIndex}></${childIndex}>`;
+	      } else if (child.props.i18nIsDynamicList) {
+	        stringNode += `<${childIndex}></${childIndex}>`;
+	      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
+	        stringNode += `<${child.type}>${childChildren}</${child.type}>`;
+	      } else {
+	        const content = nodesToString(childChildren, i18nOptions);
+	        stringNode += `<${childIndex}>${content}</${childIndex}>`;
+	      }
+	    } else if (child === null) {
+	      warn(`Trans: the passed in value is invalid - seems you passed in a null child.`);
+	    } else if (typeof child === 'object') {
+	      const {
+	        format,
+	        ...clone
+	      } = child;
+	      const keys = Object.keys(clone);
+	      if (keys.length === 1) {
+	        const value = format ? `${keys[0]}, ${format}` : keys[0];
+	        stringNode += `{{${value}}}`;
+	      } else {
+	        warn(`react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.`, child);
+	      }
+	    } else {
+	      warn(`Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.`, child);
+	    }
+	  });
+	  return stringNode;
+	}
+	function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
+	  if (targetString === '') return [];
+	  const keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
+	  const emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.map(keep => `<${keep}`).join('|')).test(targetString);
+	  if (!children && !emptyChildrenButNeedsHandling && !shouldUnescape) return [targetString];
+	  const data = {};
+	  function getData(childs) {
+	    const childrenArray = getAsArray(childs);
+	    childrenArray.forEach(child => {
+	      if (typeof child === 'string') return;
+	      if (hasChildren(child)) getData(getChildren(child));else if (typeof child === 'object' && !react.isValidElement(child)) Object.assign(data, child);
+	    });
+	  }
+	  getData(children);
+	  const ast = c.parse(`<0>${targetString}</0>`);
+	  const opts = {
+	    ...data,
+	    ...combinedTOpts
+	  };
+	  function renderInner(child, node, rootReactNode) {
+	    const childs = getChildren(child);
+	    const mappedChildren = mapAST(childs, node.children, rootReactNode);
+	    return hasValidReactChildren(childs) && mappedChildren.length === 0 || child.props && child.props.i18nIsDynamicList ? childs : mappedChildren;
+	  }
+	  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
+	    if (child.dummy) {
+	      child.children = inner;
+	      mem.push(react.cloneElement(child, {
+	        key: i
+	      }, isVoid ? undefined : inner));
+	    } else {
+	      mem.push(...react.Children.map([child], c => {
+	        const props = {
+	          ...c.props
+	        };
+	        delete props.i18nIsDynamicList;
+	        return react.createElement(c.type, {
+	          ...props,
+	          key: i,
+	          ref: c.ref
+	        }, isVoid ? null : inner);
+	      }));
+	    }
+	  }
+	  function mapAST(reactNode, astNode, rootReactNode) {
+	    const reactNodes = getAsArray(reactNode);
+	    const astNodes = getAsArray(astNode);
+	    return astNodes.reduce((mem, node, i) => {
+	      const translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
+	      if (node.type === 'tag') {
+	        let tmp = reactNodes[parseInt(node.name, 10)];
+	        if (rootReactNode.length === 1 && !tmp) tmp = rootReactNode[0][node.name];
+	        if (!tmp) tmp = {};
+	        const child = Object.keys(node.attrs).length !== 0 ? mergeProps({
+	          props: node.attrs
+	        }, tmp) : tmp;
+	        const isElement = react.isValidElement(child);
+	        const isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
+	        const isEmptyTransWithHTML = emptyChildrenButNeedsHandling && typeof child === 'object' && child.dummy && !isElement;
+	        const isKnownComponent = typeof children === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+	        if (typeof child === 'string') {
+	          const value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
+	          mem.push(value);
+	        } else if (hasChildren(child) || isValidTranslationWithChildren) {
+	          const inner = renderInner(child, node, rootReactNode);
+	          pushTranslatedJSX(child, inner, mem, i);
+	        } else if (isEmptyTransWithHTML) {
+	          const inner = mapAST(reactNodes, node.children, rootReactNode);
+	          pushTranslatedJSX(child, inner, mem, i);
+	        } else if (Number.isNaN(parseFloat(node.name))) {
+	          if (isKnownComponent) {
+	            const inner = renderInner(child, node, rootReactNode);
+	            pushTranslatedJSX(child, inner, mem, i, node.voidElement);
+	          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
+	            if (node.voidElement) {
+	              mem.push(react.createElement(node.name, {
+	                key: `${node.name}-${i}`
+	              }));
+	            } else {
+	              const inner = mapAST(reactNodes, node.children, rootReactNode);
+	              mem.push(react.createElement(node.name, {
+	                key: `${node.name}-${i}`
+	              }, inner));
+	            }
+	          } else if (node.voidElement) {
+	            mem.push(`<${node.name} />`);
+	          } else {
+	            const inner = mapAST(reactNodes, node.children, rootReactNode);
+	            mem.push(`<${node.name}>${inner}</${node.name}>`);
+	          }
+	        } else if (typeof child === 'object' && !isElement) {
+	          const content = node.children[0] ? translationContent : null;
+	          if (content) mem.push(content);
+	        } else {
+	          pushTranslatedJSX(child, translationContent, mem, i, node.children.length !== 1 || !translationContent);
+	        }
+	      } else if (node.type === 'text') {
+	        const wrapTextNodes = i18nOptions.transWrapTextNodes;
+	        const content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
+	        if (wrapTextNodes) {
+	          mem.push(react.createElement(wrapTextNodes, {
+	            key: `${node.name}-${i}`
+	          }, content));
+	        } else {
+	          mem.push(content);
+	        }
+	      }
+	      return mem;
+	    }, []);
+	  }
+	  const result = mapAST([{
+	    dummy: true,
+	    children: children || []
+	  }], ast, getAsArray(children || []));
+	  return getChildren(result[0]);
+	}
+	function Trans$1(_ref) {
+	  let {
+	    children,
+	    count,
+	    parent,
+	    i18nKey,
+	    context,
+	    tOptions = {},
+	    values,
+	    defaults,
+	    components,
+	    ns,
+	    i18n: i18nFromProps,
+	    t: tFromProps,
+	    shouldUnescape,
+	    ...additionalProps
+	  } = _ref;
+	  const i18n = i18nFromProps || getI18n();
+	  if (!i18n) {
+	    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
+	    return children;
+	  }
+	  const t = tFromProps || i18n.t.bind(i18n) || (k => k);
+	  if (context) tOptions.context = context;
+	  const reactI18nextOptions = {
+	    ...getDefaults(),
+	    ...(i18n.options && i18n.options.react)
+	  };
+	  let namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
+	  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+	  const nodeAsString = nodesToString(children, reactI18nextOptions);
+	  const defaultValue = defaults || nodeAsString || reactI18nextOptions.transEmptyNodeValue || i18nKey;
+	  const {
+	    hashTransKey
+	  } = reactI18nextOptions;
+	  const key = i18nKey || (hashTransKey ? hashTransKey(nodeAsString || defaultValue) : nodeAsString || defaultValue);
+	  if (i18n.options && i18n.options.interpolation && i18n.options.interpolation.defaultVariables) {
+	    values = values && Object.keys(values).length > 0 ? {
+	      ...values,
+	      ...i18n.options.interpolation.defaultVariables
+	    } : {
+	      ...i18n.options.interpolation.defaultVariables
+	    };
+	  }
+	  const interpolationOverride = values ? tOptions.interpolation : {
+	    interpolation: {
+	      ...tOptions.interpolation,
+	      prefix: '#$?',
+	      suffix: '?$#'
+	    }
+	  };
+	  const combinedTOpts = {
+	    ...tOptions,
+	    count,
+	    ...values,
+	    ...interpolationOverride,
+	    defaultValue,
+	    ns: namespaces
+	  };
+	  const translation = key ? t(key, combinedTOpts) : defaultValue;
+	  if (components) {
+	    Object.keys(components).forEach(c => {
+	      const comp = components[c];
+	      if (typeof comp.type === 'function' || !comp.props || !comp.props.children || translation.indexOf(`${c}/>`) < 0 && translation.indexOf(`${c} />`) < 0) return;
+	      function Componentized() {
+	        return react.createElement(react.Fragment, null, comp);
+	      }
+	      components[c] = react.createElement(Componentized);
+	    });
+	  }
+	  const content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
+	  const useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
+	  return useAsParent ? react.createElement(useAsParent, additionalProps, content) : content;
+	}
 
-  function hasChildren(node, checkLength) {
-    if (!node) return false;
-    const base = node.props ? node.props.children : node.children;
-    if (checkLength) return base.length > 0;
-    return !!base;
-  }
-  function getChildren(node) {
-    if (!node) return [];
-    const children = node.props ? node.props.children : node.children;
-    return node.props && node.props.i18nIsDynamicList ? getAsArray(children) : children;
-  }
-  function hasValidReactChildren(children) {
-    if (Object.prototype.toString.call(children) !== '[object Array]') return false;
-    return children.every(child => React.isValidElement(child));
-  }
-  function getAsArray(data) {
-    return Array.isArray(data) ? data : [data];
-  }
-  function mergeProps(source, target) {
-    const newTarget = {
-      ...target
-    };
-    newTarget.props = Object.assign(source.props, target.props);
-    return newTarget;
-  }
-  function nodesToString(children, i18nOptions) {
-    if (!children) return '';
-    let stringNode = '';
-    const childrenArray = getAsArray(children);
-    const keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
-    childrenArray.forEach((child, childIndex) => {
-      if (typeof child === 'string') {
-        stringNode += `${child}`;
-      } else if (React.isValidElement(child)) {
-        const childPropsCount = Object.keys(child.props).length;
-        const shouldKeepChild = keepArray.indexOf(child.type) > -1;
-        const childChildren = child.props.children;
-        if (!childChildren && shouldKeepChild && childPropsCount === 0) {
-          stringNode += `<${child.type}/>`;
-        } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
-          stringNode += `<${childIndex}></${childIndex}>`;
-        } else if (child.props.i18nIsDynamicList) {
-          stringNode += `<${childIndex}></${childIndex}>`;
-        } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
-          stringNode += `<${child.type}>${childChildren}</${child.type}>`;
-        } else {
-          const content = nodesToString(childChildren, i18nOptions);
-          stringNode += `<${childIndex}>${content}</${childIndex}>`;
-        }
-      } else if (child === null) {
-        warn(`Trans: the passed in value is invalid - seems you passed in a null child.`);
-      } else if (typeof child === 'object') {
-        const {
-          format,
-          ...clone
-        } = child;
-        const keys = Object.keys(clone);
-        if (keys.length === 1) {
-          const value = format ? `${keys[0]}, ${format}` : keys[0];
-          stringNode += `{{${value}}}`;
-        } else {
-          warn(`react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.`, child);
-        }
-      } else {
-        warn(`Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.`, child);
-      }
-    });
-    return stringNode;
-  }
-  function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
-    if (targetString === '') return [];
-    const keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
-    const emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.map(keep => `<${keep}`).join('|')).test(targetString);
-    if (!children && !emptyChildrenButNeedsHandling && !shouldUnescape) return [targetString];
-    const data = {};
-    function getData(childs) {
-      const childrenArray = getAsArray(childs);
-      childrenArray.forEach(child => {
-        if (typeof child === 'string') return;
-        if (hasChildren(child)) getData(getChildren(child));else if (typeof child === 'object' && !React.isValidElement(child)) Object.assign(data, child);
-      });
-    }
-    getData(children);
-    const ast = c.parse(`<0>${targetString}</0>`);
-    const opts = {
-      ...data,
-      ...combinedTOpts
-    };
-    function renderInner(child, node, rootReactNode) {
-      const childs = getChildren(child);
-      const mappedChildren = mapAST(childs, node.children, rootReactNode);
-      return hasValidReactChildren(childs) && mappedChildren.length === 0 || child.props && child.props.i18nIsDynamicList ? childs : mappedChildren;
-    }
-    function pushTranslatedJSX(child, inner, mem, i, isVoid) {
-      if (child.dummy) {
-        child.children = inner;
-        mem.push(React.cloneElement(child, {
-          key: i
-        }, isVoid ? undefined : inner));
-      } else {
-        mem.push(...React.Children.map([child], c => {
-          const props = {
-            ...c.props
-          };
-          delete props.i18nIsDynamicList;
-          return React.createElement(c.type, _extends({}, props, {
-            key: i,
-            ref: c.ref
-          }, isVoid ? {} : {
-            children: inner
-          }));
-        }));
-      }
-    }
-    function mapAST(reactNode, astNode, rootReactNode) {
-      const reactNodes = getAsArray(reactNode);
-      const astNodes = getAsArray(astNode);
-      return astNodes.reduce((mem, node, i) => {
-        const translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
-        if (node.type === 'tag') {
-          let tmp = reactNodes[parseInt(node.name, 10)];
-          if (rootReactNode.length === 1 && !tmp) tmp = rootReactNode[0][node.name];
-          if (!tmp) tmp = {};
-          const child = Object.keys(node.attrs).length !== 0 ? mergeProps({
-            props: node.attrs
-          }, tmp) : tmp;
-          const isElement = React.isValidElement(child);
-          const isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-          const isEmptyTransWithHTML = emptyChildrenButNeedsHandling && typeof child === 'object' && child.dummy && !isElement;
-          const isKnownComponent = typeof children === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
-          if (typeof child === 'string') {
-            const value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
-            mem.push(value);
-          } else if (hasChildren(child) || isValidTranslationWithChildren) {
-            const inner = renderInner(child, node, rootReactNode);
-            pushTranslatedJSX(child, inner, mem, i);
-          } else if (isEmptyTransWithHTML) {
-            const inner = mapAST(reactNodes, node.children, rootReactNode);
-            pushTranslatedJSX(child, inner, mem, i);
-          } else if (Number.isNaN(parseFloat(node.name))) {
-            if (isKnownComponent) {
-              const inner = renderInner(child, node, rootReactNode);
-              pushTranslatedJSX(child, inner, mem, i, node.voidElement);
-            } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
-              if (node.voidElement) {
-                mem.push(React.createElement(node.name, {
-                  key: `${node.name}-${i}`
-                }));
-              } else {
-                const inner = mapAST(reactNodes, node.children, rootReactNode);
-                mem.push(React.createElement(node.name, {
-                  key: `${node.name}-${i}`
-                }, inner));
-              }
-            } else if (node.voidElement) {
-              mem.push(`<${node.name} />`);
-            } else {
-              const inner = mapAST(reactNodes, node.children, rootReactNode);
-              mem.push(`<${node.name}>${inner}</${node.name}>`);
-            }
-          } else if (typeof child === 'object' && !isElement) {
-            const content = node.children[0] ? translationContent : null;
-            if (content) mem.push(content);
-          } else {
-            pushTranslatedJSX(child, translationContent, mem, i, node.children.length !== 1 || !translationContent);
-          }
-        } else if (node.type === 'text') {
-          const wrapTextNodes = i18nOptions.transWrapTextNodes;
-          const content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
-          if (wrapTextNodes) {
-            mem.push(React.createElement(wrapTextNodes, {
-              key: `${node.name}-${i}`
-            }, content));
-          } else {
-            mem.push(content);
-          }
-        }
-        return mem;
-      }, []);
-    }
-    const result = mapAST([{
-      dummy: true,
-      children: children || []
-    }], ast, getAsArray(children || []));
-    return getChildren(result[0]);
-  }
-  function Trans$1(_ref) {
-    let {
-      children,
-      count,
-      parent,
-      i18nKey,
-      context,
-      tOptions = {},
-      values,
-      defaults,
-      components,
-      ns,
-      i18n: i18nFromProps,
-      t: tFromProps,
-      shouldUnescape,
-      ...additionalProps
-    } = _ref;
-    const i18n = i18nFromProps || getI18n();
-    if (!i18n) {
-      warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
-      return children;
-    }
-    const t = tFromProps || i18n.t.bind(i18n) || (k => k);
-    if (context) tOptions.context = context;
-    const reactI18nextOptions = {
-      ...getDefaults(),
-      ...(i18n.options && i18n.options.react)
-    };
-    let namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
-    namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
-    const nodeAsString = nodesToString(children, reactI18nextOptions);
-    const defaultValue = defaults || nodeAsString || reactI18nextOptions.transEmptyNodeValue || i18nKey;
-    const {
-      hashTransKey
-    } = reactI18nextOptions;
-    const key = i18nKey || (hashTransKey ? hashTransKey(nodeAsString || defaultValue) : nodeAsString || defaultValue);
-    if (i18n.options && i18n.options.interpolation && i18n.options.interpolation.defaultVariables) {
-      values = values && Object.keys(values).length > 0 ? {
-        ...values,
-        ...i18n.options.interpolation.defaultVariables
-      } : {
-        ...i18n.options.interpolation.defaultVariables
-      };
-    }
-    const interpolationOverride = values ? tOptions.interpolation : {
-      interpolation: {
-        ...tOptions.interpolation,
-        prefix: '#$?',
-        suffix: '?$#'
-      }
-    };
-    const combinedTOpts = {
-      ...tOptions,
-      count,
-      ...values,
-      ...interpolationOverride,
-      defaultValue,
-      ns: namespaces
-    };
-    const translation = key ? t(key, combinedTOpts) : defaultValue;
-    if (components) {
-      Object.keys(components).forEach(c => {
-        const comp = components[c];
-        if (typeof comp.type === 'function' || !comp.props || !comp.props.children || translation.indexOf(`${c}/>`) < 0 && translation.indexOf(`${c} />`) < 0) return;
-        function Componentized() {
-          return React.createElement(React.Fragment, null, comp);
-        }
-        components[c] = React.createElement(Componentized, null);
-      });
-    }
-    const content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
-    const useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
-    return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
-  }
+	const initReactI18next = {
+	  type: '3rdParty',
+	  init(instance) {
+	    setDefaults(instance.options.react);
+	    setI18n(instance);
+	  }
+	};
 
-  const initReactI18next = {
-    type: '3rdParty',
-    init(instance) {
-      setDefaults(instance.options.react);
-      setI18n(instance);
-    }
-  };
+	const I18nContext = react.createContext();
+	class ReportNamespaces {
+	  constructor() {
+	    this.usedNamespaces = {};
+	  }
+	  addUsedNamespaces(namespaces) {
+	    namespaces.forEach(ns => {
+	      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
+	    });
+	  }
+	  getUsedNamespaces() {
+	    return Object.keys(this.usedNamespaces);
+	  }
+	}
+	function composeInitialProps(ForComponent) {
+	  return ctx => new Promise(resolve => {
+	    const i18nInitialProps = getInitialProps();
+	    if (ForComponent.getInitialProps) {
+	      ForComponent.getInitialProps(ctx).then(componentsInitialProps => {
+	        resolve({
+	          ...componentsInitialProps,
+	          ...i18nInitialProps
+	        });
+	      });
+	    } else {
+	      resolve(i18nInitialProps);
+	    }
+	  });
+	}
+	function getInitialProps() {
+	  const i18n = getI18n();
+	  const namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];
+	  const ret = {};
+	  const initialI18nStore = {};
+	  i18n.languages.forEach(l => {
+	    initialI18nStore[l] = {};
+	    namespaces.forEach(ns => {
+	      initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};
+	    });
+	  });
+	  ret.initialI18nStore = initialI18nStore;
+	  ret.initialLanguage = i18n.language;
+	  return ret;
+	}
 
-  const I18nContext = React.createContext();
-  class ReportNamespaces {
-    constructor() {
-      this.usedNamespaces = {};
-    }
-    addUsedNamespaces(namespaces) {
-      namespaces.forEach(ns => {
-        if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
-      });
-    }
-    getUsedNamespaces() {
-      return Object.keys(this.usedNamespaces);
-    }
-  }
-  function composeInitialProps(ForComponent) {
-    return ctx => new Promise(resolve => {
-      const i18nInitialProps = getInitialProps();
-      if (ForComponent.getInitialProps) {
-        ForComponent.getInitialProps(ctx).then(componentsInitialProps => {
-          resolve({
-            ...componentsInitialProps,
-            ...i18nInitialProps
-          });
-        });
-      } else {
-        resolve(i18nInitialProps);
-      }
-    });
-  }
-  function getInitialProps() {
-    const i18n = getI18n();
-    const namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];
-    const ret = {};
-    const initialI18nStore = {};
-    i18n.languages.forEach(l => {
-      initialI18nStore[l] = {};
-      namespaces.forEach(ns => {
-        initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};
-      });
-    });
-    ret.initialI18nStore = initialI18nStore;
-    ret.initialLanguage = i18n.language;
-    return ret;
-  }
+	function Trans(_ref) {
+	  let {
+	    children,
+	    count,
+	    parent,
+	    i18nKey,
+	    context,
+	    tOptions = {},
+	    values,
+	    defaults,
+	    components,
+	    ns,
+	    i18n: i18nFromProps,
+	    t: tFromProps,
+	    shouldUnescape,
+	    ...additionalProps
+	  } = _ref;
+	  const {
+	    i18n: i18nFromContext,
+	    defaultNS: defaultNSFromContext
+	  } = react.useContext(I18nContext) || {};
+	  const i18n = i18nFromProps || i18nFromContext || getI18n();
+	  const t = tFromProps || i18n && i18n.t.bind(i18n);
+	  return Trans$1({
+	    children,
+	    count,
+	    parent,
+	    i18nKey,
+	    context,
+	    tOptions,
+	    values,
+	    defaults,
+	    components,
+	    ns: ns || t && t.ns || defaultNSFromContext || i18n && i18n.options && i18n.options.defaultNS,
+	    i18n,
+	    t: tFromProps,
+	    shouldUnescape,
+	    ...additionalProps
+	  });
+	}
 
-  function Trans(_ref) {
-    let {
-      children,
-      count,
-      parent,
-      i18nKey,
-      context,
-      tOptions = {},
-      values,
-      defaults,
-      components,
-      ns,
-      i18n: i18nFromProps,
-      t: tFromProps,
-      shouldUnescape,
-      ...additionalProps
-    } = _ref;
-    const {
-      i18n: i18nFromContext,
-      defaultNS: defaultNSFromContext
-    } = React.useContext(I18nContext) || {};
-    const i18n = i18nFromProps || i18nFromContext || getI18n();
-    const t = tFromProps || i18n && i18n.t.bind(i18n);
-    return Trans$1({
-      children,
-      count,
-      parent,
-      i18nKey,
-      context,
-      tOptions,
-      values,
-      defaults,
-      components,
-      ns: ns || t && t.ns || defaultNSFromContext || i18n && i18n.options && i18n.options.defaultNS,
-      i18n,
-      t: tFromProps,
-      shouldUnescape,
-      ...additionalProps
-    });
-  }
+	const usePrevious = (value, ignore) => {
+	  const ref = react.useRef();
+	  react.useEffect(() => {
+	    ref.current = ignore ? ref.current : value;
+	  }, [value, ignore]);
+	  return ref.current;
+	};
+	function alwaysNewT(i18n, language, namespace, keyPrefix) {
+	  return i18n.getFixedT(language, namespace, keyPrefix);
+	}
+	function useMemoizedT(i18n, language, namespace, keyPrefix) {
+	  return react.useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+	}
+	function useTranslation(ns) {
+	  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  const {
+	    i18n: i18nFromProps
+	  } = props;
+	  const {
+	    i18n: i18nFromContext,
+	    defaultNS: defaultNSFromContext
+	  } = react.useContext(I18nContext) || {};
+	  const i18n = i18nFromProps || i18nFromContext || getI18n();
+	  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+	  if (!i18n) {
+	    warnOnce('You will need to pass in an i18next instance by using initReactI18next');
+	    const notReadyT = (k, optsOrDefaultValue) => {
+	      if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
+	      if (optsOrDefaultValue && typeof optsOrDefaultValue === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
+	      return Array.isArray(k) ? k[k.length - 1] : k;
+	    };
+	    const retNotReady = [notReadyT, {}, false];
+	    retNotReady.t = notReadyT;
+	    retNotReady.i18n = {};
+	    retNotReady.ready = false;
+	    return retNotReady;
+	  }
+	  if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
+	  const i18nOptions = {
+	    ...getDefaults(),
+	    ...i18n.options.react,
+	    ...props
+	  };
+	  const {
+	    useSuspense,
+	    keyPrefix
+	  } = i18nOptions;
+	  let namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
+	  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+	  if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
+	  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
+	  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
+	  const getT = () => memoGetT;
+	  const [t, setT] = react.useState(getT);
+	  let joinedNS = namespaces.join();
+	  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+	  const previousJoinedNS = usePrevious(joinedNS);
+	  const isMounted = react.useRef(true);
+	  react.useEffect(() => {
+	    const {
+	      bindI18n,
+	      bindI18nStore
+	    } = i18nOptions;
+	    isMounted.current = true;
+	    if (!ready && !useSuspense) {
+	      if (props.lng) {
+	        loadLanguages(i18n, props.lng, namespaces, () => {
+	          if (isMounted.current) setT(getT);
+	        });
+	      } else {
+	        loadNamespaces(i18n, namespaces, () => {
+	          if (isMounted.current) {
+	            setT(() => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix));
+	          }
+	        });
+	      }
+	    }
+	    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+	      setT(getT);
+	    }
+	    function boundReset() {
+	      if (isMounted.current) setT(getT);
+	    }
+	    if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
+	    if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
+	    return () => {
+	      isMounted.current = false;
+	      if (bindI18n && i18n) bindI18n.split(' ').forEach(e => i18n.off(e, boundReset));
+	      if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, boundReset));
+	    };
+	  }, [i18n, joinedNS]);
+	  const isInitial = react.useRef(true);
+	  react.useEffect(() => {
+	    if (isMounted.current && !isInitial.current) {
+	      setT(getT);
+	    }
+	    isInitial.current = false;
+	  }, [i18n, keyPrefix]);
+	  const ret = [t, i18n, ready];
+	  ret.t = t;
+	  ret.i18n = i18n;
+	  ret.ready = ready;
+	  if (ready) return ret;
+	  if (!ready && !useSuspense) return ret;
+	  throw new Promise(resolve => {
+	    if (props.lng) {
+	      loadLanguages(i18n, props.lng, namespaces, () => resolve());
+	    } else {
+	      loadNamespaces(i18n, namespaces, () => resolve());
+	    }
+	  });
+	}
 
-  const usePrevious = (value, ignore) => {
-    const ref = React.useRef();
-    React.useEffect(() => {
-      ref.current = ignore ? ref.current : value;
-    }, [value, ignore]);
-    return ref.current;
-  };
-  function useTranslation(ns) {
-    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const {
-      i18n: i18nFromProps
-    } = props;
-    const {
-      i18n: i18nFromContext,
-      defaultNS: defaultNSFromContext
-    } = React.useContext(I18nContext) || {};
-    const i18n = i18nFromProps || i18nFromContext || getI18n();
-    if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-    if (!i18n) {
-      warnOnce('You will need to pass in an i18next instance by using initReactI18next');
-      const notReadyT = (k, optsOrDefaultValue) => {
-        if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
-        if (optsOrDefaultValue && typeof optsOrDefaultValue === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
-        return Array.isArray(k) ? k[k.length - 1] : k;
-      };
-      const retNotReady = [notReadyT, {}, false];
-      retNotReady.t = notReadyT;
-      retNotReady.i18n = {};
-      retNotReady.ready = false;
-      return retNotReady;
-    }
-    if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
-    const i18nOptions = {
-      ...getDefaults(),
-      ...i18n.options.react,
-      ...props
-    };
-    const {
-      useSuspense,
-      keyPrefix
-    } = i18nOptions;
-    let namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
-    namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
-    if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
-    const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
-    function getT() {
-      return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
-    }
-    const [t, setT] = React.useState(getT);
-    let joinedNS = namespaces.join();
-    if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
-    const previousJoinedNS = usePrevious(joinedNS);
-    const isMounted = React.useRef(true);
-    React.useEffect(() => {
-      const {
-        bindI18n,
-        bindI18nStore
-      } = i18nOptions;
-      isMounted.current = true;
-      if (!ready && !useSuspense) {
-        if (props.lng) {
-          loadLanguages(i18n, props.lng, namespaces, () => {
-            if (isMounted.current) setT(getT);
-          });
-        } else {
-          loadNamespaces(i18n, namespaces, () => {
-            if (isMounted.current) setT(getT);
-          });
-        }
-      }
-      if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-        setT(getT);
-      }
-      function boundReset() {
-        if (isMounted.current) setT(getT);
-      }
-      if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
-      if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
-      return () => {
-        isMounted.current = false;
-        if (bindI18n && i18n) bindI18n.split(' ').forEach(e => i18n.off(e, boundReset));
-        if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, boundReset));
-      };
-    }, [i18n, joinedNS]);
-    const isInitial = React.useRef(true);
-    React.useEffect(() => {
-      if (isMounted.current && !isInitial.current) {
-        setT(getT);
-      }
-      isInitial.current = false;
-    }, [i18n, keyPrefix]);
-    const ret = [t, i18n, ready];
-    ret.t = t;
-    ret.i18n = i18n;
-    ret.ready = ready;
-    if (ready) return ret;
-    if (!ready && !useSuspense) return ret;
-    throw new Promise(resolve => {
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, () => resolve());
-      } else {
-        loadNamespaces(i18n, namespaces, () => resolve());
-      }
-    });
-  }
+	function withTranslation(ns) {
+	  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  return function Extend(WrappedComponent) {
+	    function I18nextWithTranslation(_ref) {
+	      let {
+	        forwardedRef,
+	        ...rest
+	      } = _ref;
+	      const [t, i18n, ready] = useTranslation(ns, {
+	        ...rest,
+	        keyPrefix: options.keyPrefix
+	      });
+	      const passDownProps = {
+	        ...rest,
+	        t,
+	        i18n,
+	        tReady: ready
+	      };
+	      if (options.withRef && forwardedRef) {
+	        passDownProps.ref = forwardedRef;
+	      } else if (!options.withRef && forwardedRef) {
+	        passDownProps.forwardedRef = forwardedRef;
+	      }
+	      return react.createElement(WrappedComponent, passDownProps);
+	    }
+	    I18nextWithTranslation.displayName = `withI18nextTranslation(${getDisplayName(WrappedComponent)})`;
+	    I18nextWithTranslation.WrappedComponent = WrappedComponent;
+	    const forwardRef = (props, ref) => react.createElement(I18nextWithTranslation, Object.assign({}, props, {
+	      forwardedRef: ref
+	    }));
+	    return options.withRef ? react.forwardRef(forwardRef) : I18nextWithTranslation;
+	  };
+	}
 
-  function withTranslation(ns) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return function Extend(WrappedComponent) {
-      function I18nextWithTranslation(_ref) {
-        let {
-          forwardedRef,
-          ...rest
-        } = _ref;
-        const [t, i18n, ready] = useTranslation(ns, {
-          ...rest,
-          keyPrefix: options.keyPrefix
-        });
-        const passDownProps = {
-          ...rest,
-          t,
-          i18n,
-          tReady: ready
-        };
-        if (options.withRef && forwardedRef) {
-          passDownProps.ref = forwardedRef;
-        } else if (!options.withRef && forwardedRef) {
-          passDownProps.forwardedRef = forwardedRef;
-        }
-        return React.createElement(WrappedComponent, passDownProps);
-      }
-      I18nextWithTranslation.displayName = `withI18nextTranslation(${getDisplayName(WrappedComponent)})`;
-      I18nextWithTranslation.WrappedComponent = WrappedComponent;
-      const forwardRef = (props, ref) => React.createElement(I18nextWithTranslation, Object.assign({}, props, {
-        forwardedRef: ref
-      }));
-      return options.withRef ? React.forwardRef(forwardRef) : I18nextWithTranslation;
-    };
-  }
+	function Translation(props) {
+	  const {
+	    ns,
+	    children,
+	    ...options
+	  } = props;
+	  const [t, i18n, ready] = useTranslation(ns, options);
+	  return children(t, {
+	    i18n,
+	    lng: i18n.language
+	  }, ready);
+	}
 
-  function Translation(props) {
-    const {
-      ns,
-      children,
-      ...options
-    } = props;
-    const [t, i18n, ready] = useTranslation(ns, options);
-    return children(t, {
-      i18n,
-      lng: i18n.language
-    }, ready);
-  }
+	function I18nextProvider(_ref) {
+	  let {
+	    i18n,
+	    defaultNS,
+	    children
+	  } = _ref;
+	  const value = react.useMemo(() => ({
+	    i18n,
+	    defaultNS
+	  }), [i18n, defaultNS]);
+	  return react.createElement(I18nContext.Provider, {
+	    value
+	  }, children);
+	}
 
-  function I18nextProvider(_ref) {
-    let {
-      i18n,
-      defaultNS,
-      children
-    } = _ref;
-    const value = React.useMemo(() => ({
-      i18n,
-      defaultNS
-    }), [i18n, defaultNS]);
-    return React.createElement(I18nContext.Provider, {
-      value
-    }, children);
-  }
+	function useSSR(initialI18nStore, initialLanguage) {
+	  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	  const {
+	    i18n: i18nFromProps
+	  } = props;
+	  const {
+	    i18n: i18nFromContext
+	  } = react.useContext(I18nContext) || {};
+	  const i18n = i18nFromProps || i18nFromContext || getI18n();
+	  if (i18n.options && i18n.options.isClone) return;
+	  if (initialI18nStore && !i18n.initializedStoreOnce) {
+	    i18n.services.resourceStore.data = initialI18nStore;
+	    i18n.options.ns = Object.values(initialI18nStore).reduce((mem, lngResources) => {
+	      Object.keys(lngResources).forEach(ns => {
+	        if (mem.indexOf(ns) < 0) mem.push(ns);
+	      });
+	      return mem;
+	    }, i18n.options.ns);
+	    i18n.initializedStoreOnce = true;
+	    i18n.isInitialized = true;
+	  }
+	  if (initialLanguage && !i18n.initializedLanguageOnce) {
+	    i18n.changeLanguage(initialLanguage);
+	    i18n.initializedLanguageOnce = true;
+	  }
+	}
 
-  function useSSR(initialI18nStore, initialLanguage) {
-    let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    const {
-      i18n: i18nFromProps
-    } = props;
-    const {
-      i18n: i18nFromContext
-    } = React.useContext(I18nContext) || {};
-    const i18n = i18nFromProps || i18nFromContext || getI18n();
-    if (i18n.options && i18n.options.isClone) return;
-    if (initialI18nStore && !i18n.initializedStoreOnce) {
-      i18n.services.resourceStore.data = initialI18nStore;
-      i18n.options.ns = Object.values(initialI18nStore).reduce((mem, lngResources) => {
-        Object.keys(lngResources).forEach(ns => {
-          if (mem.indexOf(ns) < 0) mem.push(ns);
-        });
-        return mem;
-      }, i18n.options.ns);
-      i18n.initializedStoreOnce = true;
-      i18n.isInitialized = true;
-    }
-    if (initialLanguage && !i18n.initializedLanguageOnce) {
-      i18n.changeLanguage(initialLanguage);
-      i18n.initializedLanguageOnce = true;
-    }
-  }
+	function withSSR() {
+	  return function Extend(WrappedComponent) {
+	    function I18nextWithSSR(_ref) {
+	      let {
+	        initialI18nStore,
+	        initialLanguage,
+	        ...rest
+	      } = _ref;
+	      useSSR(initialI18nStore, initialLanguage);
+	      return react.createElement(WrappedComponent, {
+	        ...rest
+	      });
+	    }
+	    I18nextWithSSR.getInitialProps = composeInitialProps(WrappedComponent);
+	    I18nextWithSSR.displayName = `withI18nextSSR(${getDisplayName(WrappedComponent)})`;
+	    I18nextWithSSR.WrappedComponent = WrappedComponent;
+	    return I18nextWithSSR;
+	  };
+	}
 
-  function withSSR() {
-    return function Extend(WrappedComponent) {
-      function I18nextWithSSR(_ref) {
-        let {
-          initialI18nStore,
-          initialLanguage,
-          ...rest
-        } = _ref;
-        useSSR(initialI18nStore, initialLanguage);
-        return React.createElement(WrappedComponent, {
-          ...rest
-        });
-      }
-      I18nextWithSSR.getInitialProps = composeInitialProps(WrappedComponent);
-      I18nextWithSSR.displayName = `withI18nextSSR(${getDisplayName(WrappedComponent)})`;
-      I18nextWithSSR.WrappedComponent = WrappedComponent;
-      return I18nextWithSSR;
-    };
-  }
+	const date = () => '';
+	const time = () => '';
+	const number = () => '';
+	const select = () => '';
+	const plural = () => '';
+	const selectOrdinal = () => '';
 
-  const date = () => '';
-  const time = () => '';
-  const number = () => '';
-  const select = () => '';
-  const plural = () => '';
-  const selectOrdinal = () => '';
-
-  exports.I18nContext = I18nContext;
-  exports.I18nextProvider = I18nextProvider;
-  exports.Trans = Trans;
-  exports.TransWithoutContext = Trans$1;
-  exports.Translation = Translation;
-  exports.composeInitialProps = composeInitialProps;
-  exports.date = date;
-  exports.getDefaults = getDefaults;
-  exports.getI18n = getI18n;
-  exports.getInitialProps = getInitialProps;
-  exports.initReactI18next = initReactI18next;
-  exports.number = number;
-  exports.plural = plural;
-  exports.select = select;
-  exports.selectOrdinal = selectOrdinal;
-  exports.setDefaults = setDefaults;
-  exports.setI18n = setI18n;
-  exports.time = time;
-  exports.useSSR = useSSR;
-  exports.useTranslation = useTranslation;
-  exports.withSSR = withSSR;
-  exports.withTranslation = withTranslation;
+	exports.I18nContext = I18nContext;
+	exports.I18nextProvider = I18nextProvider;
+	exports.Trans = Trans;
+	exports.TransWithoutContext = Trans$1;
+	exports.Translation = Translation;
+	exports.composeInitialProps = composeInitialProps;
+	exports.date = date;
+	exports.getDefaults = getDefaults;
+	exports.getI18n = getI18n;
+	exports.getInitialProps = getInitialProps;
+	exports.initReactI18next = initReactI18next;
+	exports.number = number;
+	exports.plural = plural;
+	exports.select = select;
+	exports.selectOrdinal = selectOrdinal;
+	exports.setDefaults = setDefaults;
+	exports.setI18n = setI18n;
+	exports.time = time;
+	exports.useSSR = useSSR;
+	exports.useTranslation = useTranslation;
+	exports.withSSR = withSSR;
+	exports.withTranslation = withTranslation;
 
 }));