Check language from params only on mount

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);
 
+  useEffect(() => {
     const lang = getLangFromSearch(search);
     if (lang !== '') setlang(lang);
+  }, []);
 
   return (
     <div className='Main'>

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);
 
+  useEffect(() => {
     const lang = getLangFromSearch(search);
     if (lang !== '') setlang(lang);
+  }, []);
 
   return (
     <>