From 3d0f8eae0dae76c51eece6c39f473029cd9d0943 Mon Sep 17 00:00:00 2001
From: Derrick Hammer <derrick@derrickhammer.com>
Date: Thu, 12 Oct 2023 12:57:42 -0400
Subject: [PATCH] refactor: BrowserStateProvider need to be top level

---
 src/components/App.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 2fc4c27..582f2d3 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -8,8 +8,8 @@ import { LumeProvider } from "@lumeweb/sdk";
 
 export default function () {
   return (
-    <BrowserStateProvider>
-      <LumeProvider>
+    <LumeProvider>
+      <BrowserStateProvider>
         <>
           <header className="relative h-14 px-2 pl-2 py-2 w-full bg-neutral-900 flex">
             <div className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [>input:focus]:ring-2 [>input:focus]:ring-white">
@@ -21,7 +21,7 @@ export default function () {
           </header>
           <Browser />
         </>
-      </LumeProvider>
-    </BrowserStateProvider>
+      </BrowserStateProvider>
+    </LumeProvider>
   );
 }