Materialtube/src/app/providers/index.tsx

"use client";

import { NextUIProvider } from "@nextui-org/react";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";

import { ContextMenuProvider } from "./ContextMenuProvider";

import { Component } from "@/typings/component";

const queryClient = new QueryClient({
	defaultOptions: { queries: { retry: false } }
});

export const Providers: Component = ({ children }) => {
	return (
		<QueryClientProvider client={queryClient}>
			<ReactQueryDevtools initialIsOpen={false} />
			<NextUIProvider>
				<ContextMenuProvider>{children}</ContextMenuProvider>
			</NextUIProvider>
		</QueryClientProvider>
	);
};