import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { MathJaxContext } from 'better-react-mathjax';



// MathJax কনফিগারেশন (ঐচ্ছিক কিন্তু ভালো রেজাল্টের জন্য প্রয়োজন)
const config = {
  loader: { load: ["input/asciimath", "output/chtml"] },
  asciimath: {
    delimiters: [["$", "$"], ["`", "`"]]
  },
  chtml: {
    scale: 1.2, // এটি ইকুয়েশনের ডিফল্ট সাইজ ২০% বাড়িয়ে দেবে
    minScale: 0.5
  }
};

const queryClient = new QueryClient();

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