import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import EssayPage from "./sections/EssayPage";
import {
	createBrowserRouter,
	createHashRouter,
	RouterProvider,
} from "react-router-dom";
import reportWebVitals from "./reportWebVitals";

// const root = ReactDOM.createRoot(document.getElementById("root"));
const router = createHashRouter([
	{
		path: "/",
		element: <App />,
	},
	{
		path: "/essay/:id",
		element: <EssayPage />,
	},
]);

ReactDOM.createRoot(document.getElementById("root")).render(
	<React.StrictMode>
		<RouterProvider router={router} />
	</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();