Translation function now doenst trigger unexpected renders

Author: JWebCoder

example/package.json

@@ -5,7 +5,6 @@
   "dependencies": {
     "react": "^16.1.1",
     "react-dom": "^16.1.1",
-    "react-multi-lang": "^1.0.0",
     "react-scripts": "1.0.17"
   },
   "scripts": {

example/src/App.js

@@ -8,7 +8,6 @@ class App extends React.Component {
     setLanguage(lang)
   }
   render () {
-    console.log(getLanguage())
     return (
       <div className="App">
         <header className="App-header">
@@ -20,6 +19,8 @@ class App extends React.Component {
         <p className="App-intro">
           To change language just press the buttons beneath
         </p>
+        <div>Selected lang <b>{getLanguage()}</b></div>
+        <br/>
         <button onClick={() => this.changeLang('pt')}>PT</button>
         <button onClick={() => this.changeLang('en')}>EN</button>
       </div>

example/yarn.lock

@@ -2935,10 +2935,6 @@ hoek@4.x.x:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/hoek/-/hoek-4.2.0.tgz#72d9d0754f7fe25ca2d01ad8f8f9a9449a89526d"
 
-hoist-non-react-statics@^2.3.1:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.0.tgz#d2ca2dfc19c5a91c5a6615ce8e564ef0347e2a40"
-
 home-or-tmp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
@@ -5131,12 +5127,6 @@ react-error-overlay@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-3.0.0.tgz#c2bc8f4d91f1375b3dad6d75265d51cd5eeaf655"
 
-react-multi-lang@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/react-multi-lang/-/react-multi-lang-1.0.0.tgz#0e328d5b3a357f5c6203dd8f0323cceda216ccfd"
-  dependencies:
-    hoist-non-react-statics "^2.3.1"
-
 react-scripts@1.0.17:
   version "1.0.17"
   resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-1.0.17.tgz#c30029123b561a060227af4d7797d50a222d3fbf"

src/index.js

@@ -122,7 +122,7 @@ export function translate (Component: React$ComponentType<*>): React$ComponentTy
 
     render () {
       return (
-        <Component {...this.props} t={(key: string, args?:{[string]: string}): string => t(key, args)}/>
+        <Component {...this.props} t={t}/>
       )
     }
   }