Loading Swagger UI...
-})
-
export default function ApiDocsPage() {
const [spec, setSpec] = useState(null)
const [error, setError] = useState(null)
@@ -204,16 +198,8 @@ export default function ApiDocsPage() {
{/* Documentation Content */}
-
{
return req
}}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index acb6b84..c1e49d1 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,7 @@
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import './globals.css'
-import MainLayout from '@/components/MainLayout'
+import ConditionalLayout from '@/components/ConditionalLayout'
const inter = Inter({ subsets: ['latin'] })
@@ -18,7 +18,7 @@ export default function RootLayout({
return (
- {children}
+ {children}
)
diff --git a/src/components/ConditionalLayout.tsx b/src/components/ConditionalLayout.tsx
new file mode 100644
index 0000000..ee38144
--- /dev/null
+++ b/src/components/ConditionalLayout.tsx
@@ -0,0 +1,26 @@
+'use client'
+
+import { usePathname } from 'next/navigation'
+import MainLayout from './MainLayout'
+
+interface ConditionalLayoutProps {
+ children: React.ReactNode
+}
+
+export default function ConditionalLayout({ children }: ConditionalLayoutProps) {
+ const pathname = usePathname()
+
+ // Routes that should not use the main layout (with sidebar)
+ const excludedRoutes = ['/docs']
+
+ const shouldUseMainLayout = !excludedRoutes.some(route =>
+ pathname.startsWith(route)
+ )
+
+ if (shouldUseMainLayout) {
+ return {children}
+ }
+
+ // For excluded routes, render children directly
+ return <>{children}
+}
\ No newline at end of file
diff --git a/src/components/SwaggerUIWrapper.tsx b/src/components/SwaggerUIWrapper.tsx
new file mode 100644
index 0000000..dd228ed
--- /dev/null
+++ b/src/components/SwaggerUIWrapper.tsx
@@ -0,0 +1,78 @@
+'use client'
+
+import { useEffect } from 'react'
+import dynamic from 'next/dynamic'
+
+// Dynamically import Swagger UI with SSR disabled
+const SwaggerUIComponent = dynamic(() => import('swagger-ui-react'), {
+ ssr: false,
+ loading: () => Loading API Documentation...
+})
+
+interface SwaggerUIWrapperProps {
+ spec: any
+ [key: string]: any
+}
+
+export default function SwaggerUIWrapper({ spec, ...props }: SwaggerUIWrapperProps) {
+ useEffect(() => {
+ // Store original console methods
+ const originalError = console.error
+ const originalWarn = console.warn
+
+ // Override console methods to filter out React strict mode warnings
+ const filterMessage = (message: any) => {
+ if (typeof message === 'string') {
+ return (
+ message.includes('UNSAFE_componentWillReceiveProps') ||
+ message.includes('componentWillReceiveProps') ||
+ message.includes('UNSAFE_componentWillMount') ||
+ message.includes('componentWillMount') ||
+ message.includes('UNSAFE_componentWillUpdate') ||
+ message.includes('componentWillUpdate') ||
+ message.includes('strict mode is not recommended') ||
+ message.includes('ModelCollapse') ||
+ message.includes('OperationContainer')
+ )
+ }
+ return false
+ }
+
+ console.error = (...args) => {
+ if (!filterMessage(args[0])) {
+ originalError.apply(console, args)
+ }
+ }
+
+ console.warn = (...args) => {
+ if (!filterMessage(args[0])) {
+ originalWarn.apply(console, args)
+ }
+ }
+
+ // Cleanup function to restore original console methods
+ return () => {
+ console.error = originalError
+ console.warn = originalWarn
+ }
+ }, [])
+
+ if (!spec) {
+ return null
+ }
+
+ return (
+
+ )
+}
\ No newline at end of file