fix: mbchat provider location

Author: AndlerRL

apps/masterbots.ai/app/c/layout.tsx

@@ -1,7 +1,6 @@
 import FooterCT from '@/components/layout/footer/footer-ct'
 import { ResponsiveSidebar } from '@/components/layout/sidebar/sidebar-responsive'
 import { ChatLayoutSection } from '@/components/routes/chat/chat-layout-section'
-import { MBChatProvider } from '@/lib/hooks/use-mb-chat'
 import NextTopLoader from 'nextjs-toploader'
 
 interface ChatLayoutProps {
@@ -10,13 +9,11 @@ interface ChatLayoutProps {
 
 export default async function ChatLayout({ children }: ChatLayoutProps) {
   return (
-    <MBChatProvider>
-      <main className="relative flex flex-col h-[calc(100vh-4rem)] overflow-hidden">
-        <NextTopLoader color="#1ED761" initialPosition={0.2} />
-        <ResponsiveSidebar />
-        <ChatLayoutSection>{children}</ChatLayoutSection>
-        <FooterCT />
-      </main>
-    </MBChatProvider>
+    <main className="relative flex flex-col h-[calc(100vh-4rem)] overflow-hidden">
+      <NextTopLoader color="#1ED761" initialPosition={0.2} />
+      <ResponsiveSidebar />
+      <ChatLayoutSection>{children}</ChatLayoutSection>
+      <FooterCT />
+    </main>
   )
 }

apps/masterbots.ai/components/layout/providers.tsx

@@ -2,6 +2,7 @@
 
 import { TooltipProvider } from '@/components/ui/tooltip'
 import { AccessibilityProvider } from '@/lib/hooks/use-accessibility'
+import { MBChatProvider } from '@/lib/hooks/use-mb-chat'
 import { ModelProvider } from '@/lib/hooks/use-model'
 import { PaymentProvider } from '@/lib/hooks/use-payment'
 import { PowerUpProvider } from '@/lib/hooks/use-power-up'
@@ -11,21 +12,18 @@ import { ThreadProvider } from '@/lib/hooks/use-thread'
 import { ThreadSearchProvider } from '@/lib/hooks/use-thread-search'
 import { ThreadVisibilityProvider } from '@/lib/hooks/use-thread-visibility'
 import { SessionProvider } from 'next-auth/react'
-import { Attribute, ThemeProvider as NextThemesProvider } from 'next-themes'
+import { type Attribute, ThemeProvider as NextThemesProvider } from 'next-themes'
 
 type ProvidersProps = {
-  children: React.ReactNode,
-  attribute?: Attribute,
-  defaultTheme?: string,
-  enableSystem?: boolean,
+  children: React.ReactNode
+  attribute?: Attribute
+  defaultTheme?: string
+  enableSystem?: boolean
   disableTransitionOnChange?: boolean
 }
 export function Providers({ children, ...props }: ProvidersProps) {
-
   return (
-    <NextThemesProvider
-      {...props}
-    >
+    <NextThemesProvider {...props}>
       <SessionProvider>
         <ModelProvider>
           <PaymentProvider>
@@ -36,7 +34,9 @@ export function Providers({ children, ...props }: ProvidersProps) {
                     <AccessibilityProvider>
                       <ThreadSearchProvider>
                         <ThreadProvider>
-                          <ThreadVisibilityProvider> {children}</ThreadVisibilityProvider>
+                          <ThreadVisibilityProvider>
+                            <MBChatProvider>{children}</MBChatProvider>
+                          </ThreadVisibilityProvider>
                         </ThreadProvider>
                       </ThreadSearchProvider>
                     </AccessibilityProvider>

apps/masterbots.ai/lib/hooks/use-mb-chat.tsx

@@ -43,7 +43,7 @@ import { useSonner } from './useSonner'
 export function useMBChat(): MBChatHookCallback {
   const context = useContext(MBChatContext)
   if (!context) {
-    throw new Error('useMBChat must be used within a ThreadProvider')
+    throw new Error('useMBChat must be used within a MBChatProvider')
   }
   return context
 }