Generates blank page in PDF

[sharathm89]

The below creates a Cover page with background image (Later i'll put some title and other information on it)

It shows perfectly on website but when pdf is generated it creates an emtpy page after the cover page.

Attaching the website image and pdf generated.

import { Image, usePageInfo } from "@jikji/react";

function Cover() {
  const { pageDimension } = usePageInfo();

  return (
    <ReportView>
      <ReportRoot>

        <Section dimension={pageSize.A4}>
          <PageContent>
            <div style={{ height: pageDimension.height }}>
              <Image
                width="100%"
                height="100%"
                src="https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba"
              />
              </div>
          </PageContent>
        </Section>

      </ReportRoot>
    </ReportView>
  );
}

export default Cover;

Website Result

PDF Generated using @jikji/generator

out.pdf

[PejmanNik]

Hi, yes it seems it is caused by the change of behavior in browsers (or I don't know why), but you can use a custom size to page size and use a smaller size than the actual Page standard. you can use this file as a reference. It will be fixed in the next version

https://github.com/PejmanNik/jikji/blob/add-e2e-tests/packages/react/src/core/pageConst.ts