Capture all XHR requests from a React application

I am trying to capture all XHR requests from a React application, but the page closes before the entire page is rendered and all the XHR requests are fired.

Here is the code I am using:

from playwright.sync_api import sync_playwright, expect
        with sync_playwright() as pw:
            chromium = pw.chromium
            browser = chromium.launch()
            page = browser.new_page()
            page.on("request", lambda req: print(
                req.method, req.url, req.all_headers))
            page.goto(test_url)

The page fires a few XHR requests after hydration, and I need to wait till it's completely hydrated.

Alternatively, I need to wait till an XHR request is made to a specific url.