rebuild

CHANGELOG.md

@@ -1,3 +1,7 @@
+### 7.5.0
+- passes down tReady from translate hoc for cases you prefer showing a placeholder instead of default return null in case of wait: true and not yet loaded translations [PR400](https://github.com/i18next/react-i18next/pull/400)
+- I18n render prop calls with ready as third param
+
 ### 7.4.0
 - enables setting prop `ns` on Trans component to override namespace passed by render prop or hoc
 - allows trans component with no children just returning the string getting from translations

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-i18next",
-  "version": "7.4.0",
+  "version": "7.5.0",
   "description": "Internationalization for react done right. Using the i18next i18n ecosystem.",
   "main": "dist/commonjs/index.js",
   "jsnext:main": "dist/es/index.js",

react-i18next.js

@@ -551,7 +551,7 @@ var I18n = function (_Component) {
       if (!this.mounted) return;
 
       this.t = this.getI18nTranslate();
-      this.setState({ i18nLoadedAt: new Date() });
+      this.setState({ i18nLoadedAt: new Date() }); // rerender
     }
   }, {
     key: 'getI18nTranslate',
@@ -577,7 +577,11 @@ var I18n = function (_Component) {
         }, 100);
       }
 
-      return children(this.t, { i18n: this.i18n, t: this.t });
+      return children(this.t, {
+        i18n: this.i18n,
+        t: this.t,
+        ready: ready
+      });
     }
   }]);
   return I18n;
@@ -653,8 +657,12 @@ function translate(namespaceArg) {
             };
           }
 
-          return React__default.createElement(I18n, _extends({ ns: this.namespaces }, this.options, this.props, { i18n: this.i18n }), function (t, context) {
-            return React__default.createElement(WrappedComponent, _extends({}, _this2.props, extraProps, context));
+          return React__default.createElement(I18n, _extends({ ns: this.namespaces }, this.options, this.props, { i18n: this.i18n }), function (t, _ref) {
+            var ready = _ref.ready,
+                context = objectWithoutProperties(_ref, ['ready']);
+            return React__default.createElement(WrappedComponent, _extends({
+              tReady: ready
+            }, _this2.props, extraProps, context));
           });
         }
       }]);

src/I18n.js

@@ -32,7 +32,10 @@ export default class I18n extends Component {
     const language = this.i18n.languages && this.i18n.languages[0];
     const ready = !!language && this.namespaces.every(ns => this.i18n.hasResourceBundle(language, ns));
 
-    this.state = { ready };
+    this.state = {
+      i18nLoadedAt: null,
+      ready
+    };
 
     this.onI18nChanged = this.onI18nChanged.bind(this);
     this.getI18nTranslate = this.getI18nTranslate.bind(this);
@@ -98,6 +101,7 @@ export default class I18n extends Component {
     if (!this.mounted) return;
 
     this.t = this.getI18nTranslate();
+    this.setState({ i18nLoadedAt: new Date() }); // rerender
   }
 
   getI18nTranslate() {