chore: lint using react-doctor, update translations, dynamic imports

packages/pdf/src/document.tsx

@@ -3,10 +3,10 @@ import type { Template } from "@reactive-resume/schema/templates";
 import type { Locale } from "@reactive-resume/utils/locale";
 import type { ComponentType } from "react";
 import type { SectionTitleResolver } from "./section-title";
-import { Document } from "@react-pdf/renderer";
 import { useMemo } from "react";
 import { RenderProvider } from "./context";
 import { registerFonts, resumeContentContainsCJK } from "./hooks/use-register-fonts";
+import { Document } from "./renderer";
 import { getTemplatePage } from "./templates";
 
 export type TemplatePageProps = {
@@ -22,8 +22,12 @@ export type ResumeDocumentProps = {
 	resolveSectionTitle?: SectionTitleResolver | undefined;
 };
 
+const getLayoutPageKey = (page: LayoutPage, pageIndex: number) =>
+	`${page.fullWidth ? "full" : "split"}:${page.main.join(",")}:${page.sidebar.join(",")}:${pageIndex}`;
+
 export const ResumeDocument = ({ data, template, resolveSectionTitle }: ResumeDocumentProps) => {
 	const TemplatePageComponent = getTemplatePage(template);
+	const creationDate = useMemo(() => new Date(), []);
 	const hasCjkContent = useMemo(() => resumeContentContainsCJK(data), [data]);
 	const typography = registerFonts(
 		data.metadata.typography,
@@ -40,7 +44,7 @@ export const ResumeDocument = ({ data, template, resolveSectionTitle }: ResumeDo
 		<RenderProvider data={resumeData} resolveSectionTitle={resolveSectionTitle}>
 			<Document
 				pageMode="useNone"
-				creationDate={new Date()}
+				creationDate={creationDate}
 				producer="Reactive Resume"
 				title={resumeData.basics.name}
 				author={resumeData.basics.name}
@@ -49,7 +53,7 @@ export const ResumeDocument = ({ data, template, resolveSectionTitle }: ResumeDo
 				language={resumeData.metadata.page.locale}
 			>
 				{resumeData.metadata.layout.pages.map((page, index) => (
-					<TemplatePageComponent key={index} page={page} pageIndex={index} />
+					<TemplatePageComponent key={getLayoutPageKey(page, index)} page={page} pageIndex={index} />
 				))}
 			</Document>
 		</RenderProvider>