import { TanStackDevtools } from "@tanstack/react-devtools"
import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"

export const Devtools = () => {
	return (
		<TanStackDevtools
			plugins={[
				{ name: "TanStack Router", render: <TanStackRouterDevtools /> },
				{ name: "TanStack Query", render: <ReactQueryDevtools /> }
			]}
		/>
	)
}
