import { QueryClientProvider } from '@tanstack/react-query';
import { useState } from '@wordpress/element';
import type { JSX } from 'react';
import { createQueryClient } from '../shared/api/queryClient';
import { ToastProvider } from '../shared/ui/Toasts';
import { Shell } from './Shell';

export function App(): JSX.Element {
	const [ queryClient ] = useState( createQueryClient );

	return (
		<QueryClientProvider client={ queryClient }>
			<ToastProvider>
				<Shell />
			</ToastProvider>
		</QueryClientProvider>
	);
}