♻️ refactor(ui/routes/byWeek): Extract useWeekYearFormat.

imports/i18n/datetime.ts

@@ -277,3 +277,18 @@ export const useDateFormatRange = (format, options?) => {
 		[formatPart],
 	);
 };
+
+export const useWeekYearFormat = () => {
+	const dateFormat = useDateFormat();
+	return useMemo(() => {
+		const yearFormat = (date: Date) =>
+			dateFormat(date, 'YYYY', {
+				useAdditionalWeekYearTokens: true,
+			});
+		const weekFormat = (date: Date) => dateFormat(date, 'ww');
+		return {
+			yearFormat,
+			weekFormat,
+		};
+	}, [dateFormat]);
+};

imports/ui/routes/byWeek.tsx

@@ -4,7 +4,7 @@ import {useParams} from 'react-router-dom';
 
 import startOfToday from 'date-fns/startOfToday';
 
-import {useDateFormat} from '../../i18n/datetime';
+import {useWeekYearFormat} from '../../i18n/datetime';
 
 import branch, {BranchProps} from './branch';
 
@@ -17,17 +17,11 @@ const ByWeekRoute = <C extends React.ElementType>({
 	component: Component,
 	props,
 }: BranchProps<C>) => {
-	const dateFormat = useDateFormat();
+	const {yearFormat, weekFormat} = useWeekYearFormat();
 	const today = startOfToday();
 	const params = useParams<Params>();
-	const year = Number.parseInt(
-		params.year ??
-			dateFormat(today, 'YYYY', {
-				useAdditionalWeekYearTokens: true,
-			}),
-		10,
-	);
-	const week = Number.parseInt(params.week ?? dateFormat(today, 'ww'), 10);
+	const year = Number.parseInt(params.year ?? yearFormat(today), 10);
+	const week = Number.parseInt(params.week ?? weekFormat(today), 10);
 	return <Component year={year} week={week} {...props} />;
 };