import type { PropsWithChildren } from "react";
import { QueryProvider } from "./QueryProviders";
import { WebSocketProvider } from "./WebSocketProvider";
import { CameraFeedProvider } from "./CameraFeedProvider";

export const AppProviders = ({ children }: PropsWithChildren) => {
  return (
    <QueryProvider>
      <CameraFeedProvider>
        <WebSocketProvider>{children}</WebSocketProvider>
      </CameraFeedProvider>
    </QueryProvider>
  );
};