Merge pull request #28 from status-im/rd.implement-router

feat: implement router

package.json

@@ -29,6 +29,7 @@
     "react-dom": "18",
     "react-native": "^0.72.3",
     "react-native-svg": "^13.10.0",
+    "react-router-dom": "^6.14.2",
     "tamagui": "1.36.4"
   },
   "devDependencies": {

src/App.tsx

@@ -1,14 +1,23 @@
 import { TamaguiProvider } from 'tamagui'
-import './App.css'
+import { createBrowserRouter, RouterProvider } from 'react-router-dom'
 import { Provider as StatusProvider } from '@status-im/components'
+
+import './App.css'
 import config from '../tamagui.config'
 import LandingPage from './components/LayoutComponent/LandingPage'
 
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <LandingPage />,
+  },
+])
+
 function App() {
   return (
     <TamaguiProvider config={config}>
       <StatusProvider>
-        <LandingPage />
+        <RouterProvider router={router} />
       </StatusProvider>
     </TamaguiProvider>
   )

yarn.lock

@@ -3964,6 +3964,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@remix-run/router@npm:1.7.2":
+  version: 1.7.2
+  resolution: "@remix-run/router@npm:1.7.2"
+  checksum: ea43bb662f1f5c93965989b1667fb6e8a301cb69c44341ee92c81cb15ea685b494168e5905593b5777d59058f1455b4b58083d5b895f04382e49362e420d7af4
+  languageName: node
+  linkType: hard
+
 "@rollup/plugin-babel@npm:^6.0.3":
   version: 6.0.3
   resolution: "@rollup/plugin-babel@npm:6.0.3"
@@ -13578,6 +13585,7 @@ __metadata:
     react-dom: 18
     react-native: ^0.72.3
     react-native-svg: ^13.10.0
+    react-router-dom: ^6.14.2
     storybook: ^7.2.0
     tamagui: 1.36.4
     typescript: ^5.0.2
@@ -14893,6 +14901,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-router-dom@npm:^6.14.2":
+  version: 6.14.2
+  resolution: "react-router-dom@npm:6.14.2"
+  dependencies:
+    "@remix-run/router": 1.7.2
+    react-router: 6.14.2
+  peerDependencies:
+    react: ">=16.8"
+    react-dom: ">=16.8"
+  checksum: a53dbc566ecab7890b829d42d38553684f704803c1f615db1bd6aa2d71542c369a1a79e4385be31ae71a14b72ddbcd0d8b51188248c2bccd44e015050d1927df
+  languageName: node
+  linkType: hard
+
+"react-router@npm:6.14.2":
+  version: 6.14.2
+  resolution: "react-router@npm:6.14.2"
+  dependencies:
+    "@remix-run/router": 1.7.2
+  peerDependencies:
+    react: ">=16.8"
+  checksum: 7507bf5732b3a8ddbd901c2061216eebca73e194449bff58acc1445171e22bdda36b455b8af066e467748ebfb5875b3c0a565941c46af65c6f653a6ed0dc4fe4
+  languageName: node
+  linkType: hard
+
 "react-shallow-renderer@npm:^16.15.0":
   version: 16.15.0
   resolution: "react-shallow-renderer@npm:16.15.0"