Cannot render content when build with Vite or Rollup

Q&A (please complete the following information)

• OS: MacOS
• Browser: Chrome
• Version: 97
• Method of installation: pnpm
• swagger-ui-react version: 4.1.3
• Swagger/OpenAPI version: [e.g. Swagger 2.0, OpenAPI 3.0]

Content & configuration

Swagger-UI configuration options:

export const App = () => {
    const requestInterceptor = useCallback((req) => {
        req['headers']['Authorization'] = localStorage.getItem('accessToken');
        return req;
    }, []);
    return <SwaggerUI requestInterceptor={requestInterceptor} url={'/v1/openapi'} docExpansion={'list'} />;
};

Describe the bug you're encountering

You are using the package https://github.com/medikoo/memoizee.

This is known to have build-issues when used with the Builder "Rollup". "Vite" is using "Rollup".

I tracked the rendering issue from the screenshots down to that library.

Expected behavior

Screenshots

Additional context or thoughts

My recommendation: You should replace that library by something more mature or a less fancy own implementation.

Start by reproducing the swagger-ui-react rendering failure with the shown requestInterceptor configuration under Vite or Rollup, then inspect the memoizee dependency implicated in the report. Done means Swagger UI renders its content successfully in the affected build setup.