fix: starter pack > settings > back > empty

Author: rsodre

packages/keychain/src/components/app.tsx

@@ -55,7 +55,6 @@ import { HeadlessApprovalRoute } from "./connect/HeadlessApprovalRoute";
 import { useUpgrade } from "./provider/upgrade";
 import { Layout } from "@/components/layout";
 import { Disconnect } from "./disconnect";
-import { StarterpackProviders } from "@/context";
 import { OnchainCheckout } from "./purchasenew/checkout/onchain";
 import { CoinbaseCheckout } from "./purchasenew/checkout/coinbase";
 import { useAccount } from "@/hooks/account";
@@ -249,14 +248,7 @@ export function App() {
         <Route path="success" element={<Success />} />
         <Route path="failure" element={<Failure />} />
         <Route path="pending" element={<Pending />} />
-        <Route
-          path="/purchase"
-          element={
-            <StarterpackProviders>
-              <Outlet />
-            </StarterpackProviders>
-          }
-        >
+        <Route path="/purchase" element={<Outlet />}>
           <Route
             path="credits"
             element={<Purchase type={PurchaseType.Credits} />}

packages/keychain/src/components/provider/index.test.tsx

@@ -83,6 +83,7 @@ vi.mock("@/components/provider/data", () => ({
 
 vi.mock("@/context", () => ({
   ToastProvider: ({ children }: PropsWithChildren) => <>{children}</>,
+  StarterpackProviders: ({ children }: PropsWithChildren) => <>{children}</>,
 }));
 
 vi.mock("@/context/quest", () => ({

packages/keychain/src/components/provider/index.tsx

@@ -20,7 +20,7 @@ import { UIProvider } from "./ui";
 import { FeatureProvider } from "@/hooks/features";
 import { ArcadeProvider as ProfileArcadeProvider } from "@/components/provider/arcade";
 import { DataProvider as ProfileDataProvider } from "@/components/provider/data";
-import { ToastProvider } from "@/context";
+import { ToastProvider, StarterpackProviders } from "@/context";
 import { QuestProvider } from "@/context/quest";
 import { IndexerAPIProvider } from "@cartridge/ui/utils/api/indexer";
 import { CartridgeAPIProvider } from "@cartridge/ui/utils/api/cartridge";
@@ -95,7 +95,9 @@ export function Provider({ children }: PropsWithChildren) {
                                     >
                                       <ProfileDataProvider>
                                         <QuestProvider>
-                                          {children}
+                                          <StarterpackProviders>
+                                            {children}
+                                          </StarterpackProviders>
                                         </QuestProvider>
                                       </ProfileDataProvider>
                                     </MarketplaceClientProvider>