diff --git a/minter/src/App.js b/minter/src/App.js
index f25ed14..6845de4 100644
--- a/minter/src/App.js
+++ b/minter/src/App.js
@@ -7,8 +7,8 @@ import { Container } from './components/generic'
import { useState, useEffect } from 'react'
import { log } from './modules/helpers'
import { useAddress, getAddress } from './modules/web3'
-import { HashRouter, Routes, Route } from 'react-router-dom'
-
+import { HashRouter} from 'react-router-dom'
+import Router from './components/router'
function App() {
@@ -34,17 +34,7 @@ function App() {
return
-
-
- } />
- } />
- }>
- } />
-
- } />
- } />
-
-
+
diff --git a/minter/src/components/router.js b/minter/src/components/router.js
new file mode 100644
index 0000000..100b507
--- /dev/null
+++ b/minter/src/components/router.js
@@ -0,0 +1,45 @@
+import Minter from './minter'
+import Metamask from './metamask'
+import Verifier from './verifier'
+import Avatar from './avatar'
+import Portfolio from './portfolio'
+import { Container } from './generic'
+import { useState, useEffect } from 'react'
+import { log } from '../modules/helpers'
+import { useAddress, getAddress } from '../modules/web3'
+import { Routes, Route, useNavigate } from 'react-router-dom'
+
+
+function Router() {
+
+ // ///////////////////////////////
+ // States
+ // ///////////////////////////////
+ const address = useAddress()
+ const navigate = useNavigate()
+ // ///////////////////////////////
+ // Lifecycle
+ // ///////////////////////////////
+ useEffect( f => {
+ log( 'Address change' )
+ if( !address ) navigate( '/' )
+ }, [ address, navigate ] )
+
+ // ///////////////////////////////
+ // Rendering
+ // ///////////////////////////////
+ return
+
+ } />
+ } />
+ }>
+ } />
+
+ } />
+ } />
+
+
+
+}
+
+export default Router;