Weather-Check/src/main.tsx

import ReactDOM from 'react-dom/client';
import App from './App.tsx';
import './index.css';

import {ChakraProvider} from '@chakra-ui/react';

import {QueryClient, QueryClientProvider} from 'react-query';

const queryClient = new QueryClient();

ReactDOM.createRoot(document.getElementById('root')!).render(
  <QueryClientProvider client={queryClient}>
    <ChakraProvider>
      <App />
    </ChakraProvider>
  </QueryClientProvider>,
);