diff --git a/package.json b/package.json
index d9a0e2130..545838700 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
"@types/react-dom": "^17.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
- "react-router-dom": "^5.3.0",
+ "react-router-dom": "6",
"react-scripts": "4.0.3",
"typescript": "^4.1.2",
"web-vitals": "^1.0.1"
diff --git a/src/01-lazyload/pages/LazyPage1.tsx b/src/01-lazyload/pages/LazyPage1.tsx
new file mode 100644
index 000000000..a677ea648
--- /dev/null
+++ b/src/01-lazyload/pages/LazyPage1.tsx
@@ -0,0 +1,9 @@
+
+
+export const LazyPage1 = () => {
+ return (
+ LazyPage1
+ )
+}
+
+export default LazyPage1;
\ No newline at end of file
diff --git a/src/01-lazyload/pages/LazyPage2.tsx b/src/01-lazyload/pages/LazyPage2.tsx
new file mode 100644
index 000000000..8756f1a87
--- /dev/null
+++ b/src/01-lazyload/pages/LazyPage2.tsx
@@ -0,0 +1,9 @@
+
+
+export const LazyPage2 = () => {
+ return (
+ LazePage2
+ )
+}
+
+export default LazyPage2;
\ No newline at end of file
diff --git a/src/01-lazyload/pages/LazyPage3.tsx b/src/01-lazyload/pages/LazyPage3.tsx
new file mode 100644
index 000000000..4c6de63fe
--- /dev/null
+++ b/src/01-lazyload/pages/LazyPage3.tsx
@@ -0,0 +1,9 @@
+
+
+export const LazyPage3 = () => {
+ return (
+ LazyPage3
+ )
+}
+
+export default LazyPage3;
\ No newline at end of file
diff --git a/src/01-lazyload/pages/index.tsx b/src/01-lazyload/pages/index.tsx
new file mode 100644
index 000000000..f799e4193
--- /dev/null
+++ b/src/01-lazyload/pages/index.tsx
@@ -0,0 +1,3 @@
+export { LazyPage1 } from "./LazyPage1";
+export { LazyPage2 } from "./LazyPage2";
+export { LazyPage3 } from './LazyPage3';
diff --git a/src/index.css b/src/index.css
index f1851c5d7..6a45f6de2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -48,6 +48,9 @@ nav li a {
}
.nav-active {
- color: grey;
+ color: black;
+ background-color: white;
transition: all .3s ease-out;
+ padding: 3px 10px;
+ width: 100%;
}
\ No newline at end of file
diff --git a/src/routes/Navigation.tsx b/src/routes/Navigation.tsx
index a9bfe83b0..f8597876b 100644
--- a/src/routes/Navigation.tsx
+++ b/src/routes/Navigation.tsx
@@ -1,45 +1,46 @@
-import {
- BrowserRouter as Router,
- Switch,
- Route,
- NavLink
-} from 'react-router-dom';
+import { Suspense } from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import { Routes, Route, NavLink, Navigate } from 'react-router-dom';
+import { routes } from './routes';
-import logo from '../logo.svg';
+import logo from '../logo.svg'
export const Navigation = () => {
return (
-
-
-
+
Loading... }>
+
+
+