import React from 'react';

import ReactDOM from 'react-dom/client';

import './index.css';

import 'katex/dist/katex.min.css';

import App from './App';

import reportWebVitals from './reportWebVitals';

// Polyfill Object.hasOwn for older environments (like react-snap's puppeteer)

if (!Object.hasOwn) {

Object.hasOwn = (obj, prop) =>

Object.prototype.hasOwnProperty.call(obj, prop);

}

const rootElement = document.getElementById('root');

if (rootElement.hasChildNodes()) {

ReactDOM.hydrateRoot(

rootElement,

<React.StrictMode>

<App />

</React.StrictMode>,

);

} else {

const root = ReactDOM.createRoot(rootElement);

root.render(

<React.StrictMode>

<App />

</React.StrictMode>,

);

}

// If you want to start measuring performance in your app, pass a function

// to log results (for example: reportWebVitals(console.log))

// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals

reportWebVitals();