# useRenderOnPageOrderChange

Source: https://sdk.pdf.net/docs/v1/reference/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.

```ts
useRenderOnPageOrderChange()
```

Use it to keep render-time page index resolution fresh: [usePageIndexGetter](https://sdk.pdf.net/docs/v1/reference/usePageIndexGetter) alone doesn't subscribe the component to anything, so pair the two when the resolved index is rendered.

## Example [#example]

```tsx
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>
}
```