diff --git a/package.json b/package.json
index 767d9b6..711cb87 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@meshsdk/core": "1.2.0-beta.4",
-    "@meshsdk/react": "1.1.1",
+    "@meshsdk/core": "1.5.10",
+    "@meshsdk/react": "^1.1.7",
     "next": "13.0.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
diff --git a/pages/index.tsx b/pages/index.tsx
index f0f29ca..047d308 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,9 +1,15 @@
 import Head from "next/head";
-import { KoiosProvider } from "@meshsdk/core";
+import { MaestroProvider } from "@meshsdk/core";
 import { StakeButton, MeshBadge } from "@meshsdk/react";
+import { CardanoWallet } from '@meshsdk/react';
 
 export default function Home() {
-  const blockchainProvider = new KoiosProvider("api");
+  const blockchainProvider = new MaestroProvider({
+    network: 'Preprod', // 'Mainnet', 'Preprod', 'Preview'
+    apiKey: 'xyzxyzxyzxyzxyzxyzxyzxyzxyzxyzxy', //'<Your-API-Key>'
+      // ^ you should not hardcode this here for production, use an enviroment variable 
+    turboSubmit: false
+  });
 
   return (
     <div className="container">
@@ -27,6 +33,7 @@ export default function Home() {
         </h1>
 
         <div className="demo">
+          <CardanoWallet />
           <StakeButton
             onCheck={(address: string) =>
               blockchainProvider.fetchAccountInfo(address)