Get nth position of the child component in React?

I have a PagesContainer component that renders multiple Page components like this:

<PagesContainer>
  <Page />
  <Page />
  <Page />
  <Page />
</PagesContainer>

I want each Page component to know its respective page number (e.g., 1, 2, 3, 4).

I preferably do not want to pass it down as a prop (e.g., <Page number={1} />) because I will be programatically generating some <Page /> through loops, but not all of them. I also want to be able to reorder these pages freely and have each render the right number just by moving its position in the parent.

Ideally, I’d like a hook like so: const currentPage = useGetCurrentPage().

How do I get the <Page />‘s position in the parent?