Is requestInterceptor is apply once when use in react?

Q&A (please complete the following information)

• OS: [e.g. macOS]
• Browser: [e.g. chrome, safari]
• Version: [e.g. 22]
• Method of installation: [e.g. npm, dist assets]
• Swagger-UI version: v3.24.0, v4.19.0, v5.0.0, v5.12.0
• Swagger/OpenAPI version: [e.g. Swagger 2.0, OpenAPI 3.0]

Content & configuration

Swagger/OpenAPI definition:

# your YAML here

Swagger-UI configuration options:

<SwaggerUI
  url={endPointUrl}
  requestInterceptor={requestInterceptor}
  docExpansion="none"
/>

?yourQueryStringConfig

Screenshots

How can we help?

I am using swagger-ui in my react project.
when I update swagger-ui v3 to v5, requestInterceptor is something wrong
This is my code

function component() {
    const [headers,] = useContext(HeaderContext)

    const requestInterceptor = useCallback((request: Request): Request => {
        console.log('on request: ', headers)

        return request
    }, [headers])

    return (
        <>
            <div onClick={() => requestInterceptor({})}>Show header</div>
            <SwaggerUI
                url={endPointUrl}
                requestInterceptor={requestInterceptor}
                docExpansion="none"
            />
        </>
    )
}

When I use swagger-ui v3 and v4, both clicking Show header and api request trigger requestInterceptor with latest headers information.
But when I update to v5, Click show header shows latest headers but api request only shows initialized headers.

When I find information for these situation?

Of course I can solve this using useRef. However, I am curious about the history and reason for the change.

Start with the supplied React component and compare requestInterceptor behavior in Swagger UI v3/v4 versus v5 using the reported headers setup. Review the v5 migration and request-interceptor history to identify why API requests retain initialized headers while the click handler sees current headers. Done means a documented explanation of the behavior change and its intended usage.