From e35b8e9902f5f0de76b1622a64bd35a6e050e7f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Moura?= <joao87moura@gmail.com>
Date: Thu, 17 May 2018 22:36:42 +0100
Subject: [PATCH] Translation function now doenst trigger unexpected renders

---
 example/package.json |  1 -
 example/src/App.js   |  3 ++-
 example/yarn.lock    | 10 ----------
 src/index.js         |  2 +-
 4 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/example/package.json b/example/package.json
index 1ca032b..fc5b3fc 100644
--- a/example/package.json
+++ b/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": {
diff --git a/example/src/App.js b/example/src/App.js
index 3689b2e..78b25c6 100644
--- a/example/src/App.js
+++ b/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>
diff --git a/example/yarn.lock b/example/yarn.lock
index e0904a4..0ed0737 100644
--- a/example/yarn.lock
+++ b/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"
diff --git a/src/index.js b/src/index.js
index f9bb915..b41698a 100644
--- a/src/index.js
+++ b/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}/>
       )
     }
   }