storefront/pages/_app.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { MedusaProvider } from "medusa-react"
import { QueryClient } from "@tanstack/react-query"
import Layout from "../components/Layout"

const queryClient = new QueryClient()

export default function App({ Component, pageProps }) {
  return (
    <MedusaProvider
      queryClientProviderProps={{ client: queryClient }}
      baseUrl={
        process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL || "http://localhost:9000"
      }
    >
      <Layout>
        <Component {...pageProps} />
      </Layout>
    </MedusaProvider>
  )
}