SimpleApp.tsx

import { ApplicationView } from '@asyncapi/edavisualiser';
import '@asyncapi/edavisualiser/styles/default.css';

function App() {
  return (
    <div className="App">
      <ApplicationView 
        application={
          {
            id: "string",
            defaultContentType: "string",
            description: "string",
            title: "string",
            version: "string",
            license: {
              name: 'string',
              url: 'string',
            },
            externalDocs: "string",
            servers: [
              {
                name: 'string',
                url: 'string',
                description: 'string',
                protocol: 'string',
                protocolVersion: 'string',
              },
            ],
          }
        }
        incomingOperations={[
          {
            channel: "Test/test/",
            description: "Test description",
            id: "testid",
            messages: [{ title: 'test' }],
            forApplication: 'string',
          }
        ]}
        outgoingOperations={[
          {
            channel: "Test/test/test",
            description: "Test description",
            id: "testid2",
            messages: [{ title: 'test' }],
            forApplication: 'string',
          }
        ]}
      />
    </div>
  );
}

export default App;