// // Libraries imports
// import React from 'react';
// import ReactDOM from 'react-dom/client'; // Import React DOM for client-side rendering
// import { BrowserRouter } from 'react-router-dom'; // Import BrowserRouter for client-side routing

// // App level imports
// import './index.css'; // Import your CSS file
// import { Router } from './router'; // Import your Router component
// import { HelmetProvider } from 'react-helmet-async';

// // Hydrate the application for client-side rendering
// ReactDOM.hydrateRoot(
//   document.getElementById('root'),
//   <React.StrictMode>
//     <HelmetProvider>
//       <BrowserRouter>
//         <Router /> {/* Your Router defines the app's routes */}
//       </BrowserRouter>
//     </HelmetProvider>
//   </React.StrictMode>
// );


import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';

// App level imports
import './index.css';
import { Router } from './router'; // Import your Router component
import * as HelmetAsync from 'react-helmet-async';
const { HelmetProvider, Helmet } = HelmetAsync;  // Destructure the needed exports

// Hydrate the application for client-side rendering
ReactDOM.hydrateRoot(
  document.getElementById('root'),
  <React.StrictMode>
    <HelmetProvider>
       <BrowserRouter>
        <Router />
      </BrowserRouter>
    </HelmetProvider>
  </React.StrictMode>
);