fix: memoize url params

src/routes/Addons/Addons.js

@@ -18,8 +18,13 @@ const styles = require('./styles');
 const { AddonPlaceholder } = require('./AddonPlaceholder');
 
 const Addons = () => {
-    const urlParams = useParams();
+    const { type, transportUrl, catalogId } = useParams();
     const [queryParams] = useSearchParams();
+    const urlParams = React.useMemo(() => ({
+        type,
+        transportUrl,
+        catalogId
+    }), [type, transportUrl, catalogId]);
     const { t } = useTranslation();
     const platform = usePlatform();
     const { core } = useServices();

src/routes/Calendar/Calendar.tsx

@@ -15,7 +15,11 @@ import styles from './Calendar.less';
 import classNames from 'classnames';
 
 const Calendar = () => {
-    const urlParams = useParams();
+    const { year, month } = useParams();
+    const urlParams = React.useMemo(() => ({
+        year,
+        month
+    }), [year, month]);
     const calendar = useCalendar(urlParams);
     const profile = useProfile();
 

src/routes/Library/Library.js

@@ -41,7 +41,10 @@ function withModel(Library, useLocation) {
 }
 
 const Library = ({ model }) => {
-    const urlParams = useParams();
+    const { type } = useParams();
+    const urlParams = React.useMemo(() => ({
+        type
+    }), [type]);
     const [queryParams] = useSearchParams();
     const navigate = useNavigate();
     const { t } = useTranslation();

src/routes/Player/Player.js

@@ -31,7 +31,15 @@ const Video = require('./Video');
 const { default: Indicator } = require('./Indicator/Indicator');
 
 const Player = () => {
-    const urlParams = useParams();
+    const { stream, streamTransportUrl, metaTransportUrl, type, id, videoId } = useParams();
+    const urlParams = React.useMemo(() => ({
+        stream,
+        streamTransportUrl,
+        metaTransportUrl,
+        type,
+        id,
+        videoId
+    }), [stream, streamTransportUrl, metaTransportUrl, type, id, videoId]);
     const [queryParams] = useSearchParams();
     const navigate = useNavigate();
     const { t } = useTranslation();