window is not defined when running swagger-ui-react

[johnwhitton]

Environment

• OS: Linux
• Browser: Chrome
• Version: "name": "swagger-ui-react", "version": "3.26.2",
• Method of installation: yarn install
• Swagger-UI version: "name": "swagger-ui-react", "version": "3.26.2",
• Swagger/OpenAPI version: OpenAPI 3.0

Content & configuration

I'm running

• docusarus
• swagger-ui-react
• redoc npm package

Swagger-UI configuration options:

import React from 'react';
import classnames from 'classnames';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import useBaseUrl from '@docusaurus/useBaseUrl';
import styles from './styles.module.css';
import SwaggerUI from "swagger-ui-react"
import "swagger-ui-react/swagger-ui.css"

function Home() {
  const context = useDocusaurusContext();
  const {siteConfig = {}} = context;
  return (
    <Layout
      title='Harmony Swagger'
      description="Harmony Swagger">
      <main>
      <SwaggerUI url="harmony.yml" />
      </main>
    </Layout>
  );
}

Describe the bug you're encountering

When running yarn run start the server is started and the swagger page shows and works.

When running 'yarn run build` I get the following error

ReferenceError: Buffer is not definedReferenceError: window is not defined
(undefined) ReferenceError: Buffer is not defined

Gist containing more detailed error is here

To reproduce...

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

yarn run build works

Additional context or thoughts

This seems similar to this issue for swagger-ui and this issue

[hkosova]

Duplicate of #6136.