useRenderOnPageOrderChange

Re-renders the component when the page order changes, including page additions and removals. Changes to a page's own properties (size, rotation) don't trigger a render.

useRenderOnPageOrderChange()

Use it to keep render-time page index resolution fresh: usePageIndexGetter alone doesn't subscribe the component to anything, so pair the two when the resolved index is rendered.

Example

import { usePageIndexGetter, useRenderOnPageOrderChange } from '@sdk-pdf/react'

function PageNumberLabel({ pageId }: { pageId: string }) {
  useRenderOnPageOrderChange()
  const getPageIndex = usePageIndexGetter()

  const pageIndex = getPageIndex(pageId)
  return pageIndex === undefined ? null : <span>Page {pageIndex + 1}</span>
}

On this page