Skip to main content

ClientSideProviders

The ClientSideProviders component wraps the application with necessary providers for client-side functionality.

Usage​

import ClientSideProviders from "@/components/providers/ClientSideProviders";
function MyApp({ Component, pageProps }) {
  return (
    <ClientSideProviders>
      <Component {...pageProps} />
    </ClientSideProviders>
  );
}

Props​

  • children: The child components to be wrapped by the providers

Functionality​

  • Provides React Query client
  • Implements theme management with next-themes
  • Sets up toast notifications
  • Handles Google Tag Manager page views

Customization​

This component mainly sets up providers and doesn't require direct styling. However, you can customize the behavior of individual providers as needed.