From 8828c6dee4263f50b2b155546b922463aca3c87d Mon Sep 17 00:00:00 2001
From: codevictory <main@codevictory.net>
Date: Wed, 9 Feb 2022 18:14:29 +0200
Subject: [PATCH] Check language from params only on mount

---
 src/pages/Main.tsx         | 7 +++++--
 src/pages/Registration.tsx | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index 86f385b..d7d59b5 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -12,6 +12,7 @@ import { Info } from '../components/Info';
 import { getLangFromSearch } from './utils';
 import { useSetRecoilState } from 'recoil';
 import { currentLanguage } from '../atoms/language';
+import { useEffect } from 'react';
 
 interface MainParams {
   page: string;
@@ -22,8 +23,10 @@ export const Main = () => {
   const { search } = useLocation();
   const setlang = useSetRecoilState(currentLanguage);
 
-  const lang = getLangFromSearch(search);
-  if (lang !== '') setlang(lang);
+  useEffect(() => {
+    const lang = getLangFromSearch(search);
+    if (lang !== '') setlang(lang);
+  }, []);
 
   return (
     <div className='Main'>
diff --git a/src/pages/Registration.tsx b/src/pages/Registration.tsx
index a71f609..0bdf439 100644
--- a/src/pages/Registration.tsx
+++ b/src/pages/Registration.tsx
@@ -8,13 +8,16 @@ import { Link, useLocation } from 'react-router-dom';
 import { getLangFromSearch } from './utils';
 import { useSetRecoilState } from 'recoil';
 import { currentLanguage } from '../atoms/language';
+import { useEffect } from 'react';
 
 export const Registration = () => {
   const { search } = useLocation();
   const setlang = useSetRecoilState(currentLanguage);
 
-  const lang = getLangFromSearch(search);
-  if (lang !== '') setlang(lang);
+  useEffect(() => {
+    const lang = getLangFromSearch(search);
+    if (lang !== '') setlang(lang);
+  }, []);
 
   return (
     <>