diff --git a/src/index.tsx b/src/index.tsx
index dea1284..f841048 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,19 @@
-import * as React from 'react'
-import { createRoot } from 'react-dom/client'
-import App from "./components/App"
+import * as React from "react";
+import { createRoot } from "react-dom/client";
+import App from "@components/App";
+import ErrorPage from "@components/ErrorPage";
+import { createBrowserRouter, RouterProvider, Route } from "react-router-dom";
-createRoot(document.querySelector("#root")).render()
+const router = createBrowserRouter([
+ {
+ path: "/",
+ element: ,
+ errorElement: ,
+ },
+]);
+
+createRoot(document.querySelector("#root")).render(
+
+
+
+);
diff --git a/src/scss/error.scss b/src/scss/error.scss
new file mode 100644
index 0000000..6c3ea86
--- /dev/null
+++ b/src/scss/error.scss
@@ -0,0 +1,12 @@
+main {
+ #error-page{
+ display: flex;
+ flex-direction: column;
+
+ width: 25vw;
+ height: 35vh;
+
+ justify-content: space-evenly;
+ align-items: center;
+ }
+}
diff --git a/webpack.config.js b/webpack.config.js
index 8f9d105..e08f188 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -14,7 +14,11 @@ module.exports = (env, argv) => {
output: {
filename: "[name].[contenthash:10].js",
path: path.resolve(__dirname, "dist"),
- clean: true
+ clean: true,
+ publicPath: '/'
+ },
+ devServer: {
+ historyApiFallback: true
},
module: {
rules: [
@@ -68,4 +72,4 @@ module.exports = (env, argv) => {
chunkFilename: '[id].css'
})])
}
-}
\ No newline at end of file
+}