CHANGELOG.md

@@ -1,6 +1,10 @@
+### 14.1.1
+
+- do not modify passed tOptions context property to address [1745](https://github.com/i18next/react-i18next/issues/1745)
+
 ### 14.1.0
 
-- types(`Trans`): add typechecking on context prop [1732](https://github.com/i18next/react-i18next/pull/1732) (might brake if using "internal" `Trans` or `TransProps`)
+- types(`Trans`): add typechecking on context prop [1732](https://github.com/i18next/react-i18next/pull/1732) (might break if using "internal" `Trans` or `TransProps`)
 
 ### 14.0.8
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-i18next",
-  "version": "14.1.0",
+  "version": "14.1.1",
   "description": "Internationalization for react done right. Using the i18next i18n ecosystem.",
   "main": "dist/commonjs/index.js",
   "types": "./index.d.mts",

react-i18next.js

@@ -459,7 +459,6 @@
 	    return children;
 	  }
 	  const t = tFromProps || i18n.t.bind(i18n) || (k => k);
-	  tOptions.context = context;
 	  const reactI18nextOptions = {
 	    ...getDefaults(),
 	    ...(i18n.options && i18n.options.react)
@@ -482,6 +481,7 @@
 	  }
 	  const combinedTOpts = {
 	    ...tOptions,
+	    context: context || tOptions.context,
 	    count,
 	    ...values,
 	    defaultValue,

src/TransWithoutContext.js

@@ -329,8 +329,6 @@ export function Trans({
 
   const t = tFromProps || i18n.t.bind(i18n) || ((k) => k);
 
-  tOptions.context = context;
-
   const reactI18nextOptions = { ...getDefaults(), ...(i18n.options && i18n.options.react) };
 
   // prepare having a namespace
@@ -353,6 +351,7 @@ export function Trans({
   }
   const combinedTOpts = {
     ...tOptions,
+    context: context || tOptions.context, // Add `context` from the props or fallback to the value from `tOptions`
     count,
     ...values,
     defaultValue,

test/trans.render.spec.jsx

@@ -810,6 +810,33 @@ describe('trans with custom unescape', () => {
   });
 });
 
+describe('trans with context via tOptions', () => {
+  const tOptions = { context: 'home' };
+  function TestComponent({ parent }) {
+    return (
+      <Trans i18nKey="testTransWithCtx" tOptions={tOptions} parent={parent}>
+        Open <Link to="/msgs">here</Link>.
+      </Trans>
+    );
+  }
+
+  it('should render correct content', () => {
+    const { container } = render(<TestComponent />);
+    expect(container.firstChild).toMatchInlineSnapshot(`
+      <div>
+        Go 
+        <a
+          href="/msgs"
+        >
+          home
+        </a>
+        .
+      </div>
+    `);
+    expect(tOptions).to.have.property('context', 'home');
+  });
+});
+
 describe('trans with context property', () => {
   function TestComponent({ parent }) {
     return (