Merge pull request #157 from transifex/memoize-useT

@transifex/react: Memoize useT

Author: Nikos Vasileiou

packages/react/src/hooks/useT.js

@@ -1,4 +1,6 @@
-import { useEffect, useState, useContext } from 'react';
+import {
+  useEffect, useState, useContext, useCallback,
+} from 'react';
 import {
   tx,
   onEvent,
@@ -29,7 +31,7 @@ export default function useT() {
   const context = useContext(TXNativeContext);
   const instance = context.instance || tx;
 
-  const [, setCounter] = useState(0);
+  const [counter, setCounter] = useState(0);
   useEffect(() => {
     // Using `setCounter` will trigger a rerender
     function rerender(_, caller) {
@@ -44,5 +46,9 @@ export default function useT() {
       offEvent(TRANSLATIONS_FETCHED, rerender);
     };
   }, [setCounter, instance]);
-  return (_str, props) => translateWithElements(_str, props, context);
+
+  return useCallback(
+    (_str, props) => translateWithElements(_str, props, context),
+    [context, counter],
+  );
 }