load swagger-ui css lazily

This commit is contained in:
Athou
2022-08-22 14:49:24 +02:00
parent 8bc6a2adcc
commit 4c18ebf61a
4 changed files with 14 additions and 14 deletions

View File

@@ -1,12 +1,8 @@
import { Loader } from "components/Loader"
import React, { Suspense } from "react"
import SwaggerUI from "swagger-ui-react"
import "swagger-ui-react/swagger-ui.css"
export function ApiDocumentationPage() {
// swagger-ui is very large, load only on-demand
const SwaggerUI = React.lazy(() => import("swagger-ui-react"))
return (
<Suspense fallback={<Loader />}>
<SwaggerUI url="swagger/swagger.json" />
</Suspense>
)
function ApiDocumentationPage() {
return <SwaggerUI url="swagger/swagger.json" />
}
export default ApiDocumentationPage