From cb858ce063bcb89416a376f6bc9cde0ce01c5c2e Mon Sep 17 00:00:00 2001
From: PedroLucasnet <lucas@pedrolucas.net>
Date: Tue, 12 Dec 2023 20:18:20 +0000
Subject: [PATCH 1/3] update mesh; improve provider;

---
 package.json    | 4 ++--
 pages/index.tsx | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 767d9b6..d99c14f 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.5.10",
     "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..9dcccbc 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,9 +1,13 @@
 import Head from "next/head";
-import { KoiosProvider } from "@meshsdk/core";
+import { MaestroProvider } from "@meshsdk/core";
 import { StakeButton, MeshBadge } 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>',
+    turboSubmit: false
+  });
 
   return (
     <div className="container">

From bd180aa383ebb8af2fe72f73b3ab0044dbef228b Mon Sep 17 00:00:00 2001
From: PedroLucasnet <lucas@pedrolucas.net>
Date: Tue, 12 Dec 2023 20:27:25 +0000
Subject: [PATCH 2/3] Improve provider

---
 pages/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/index.tsx b/pages/index.tsx
index 9dcccbc..d3c78df 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,7 @@
 import Head from "next/head";
 import { MaestroProvider } from "@meshsdk/core";
 import { StakeButton, MeshBadge } from "@meshsdk/react";
+import { CardanoWallet } from '@meshsdk/react';
 
 export default function Home() {
   const blockchainProvider = new MaestroProvider({
@@ -31,6 +32,7 @@ export default function Home() {
         </h1>
 
         <div className="demo">
+          <CardanoWallet />
           <StakeButton
             onCheck={(address: string) =>
               blockchainProvider.fetchAccountInfo(address)

From 7613825e329d0aa909ffafe97c5f19ed7f4d4ea7 Mon Sep 17 00:00:00 2001
From: PedroLucasnet <lucas@pedrolucas.net>
Date: Tue, 12 Dec 2023 20:58:22 +0000
Subject: [PATCH 3/3] dependencies + key comment

---
 package.json    | 2 +-
 pages/index.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d99c14f..711cb87 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@meshsdk/core": "1.5.10",
-    "@meshsdk/react": "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 d3c78df..047d308 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,7 +6,8 @@ import { CardanoWallet } from '@meshsdk/react';
 export default function Home() {
   const blockchainProvider = new MaestroProvider({
     network: 'Preprod', // 'Mainnet', 'Preprod', 'Preview'
-    apiKey: 'xyzxyzxyzxyzxyzxyzxyzxyzxyzxyzxy', //'<Your-API-Key>',
+    apiKey: 'xyzxyzxyzxyzxyzxyzxyzxyzxyzxyzxy', //'<Your-API-Key>'
+      // ^ you should not hardcode this here for production, use an enviroment variable 
     turboSubmit: false
   });