Sonraki js'de mizanpajı kullanırken bağlam sağlayıcısı nasıl kullanılır

nextjs ile bağlam

// src/pages/_app.js
+ import { AppWrapper } from '../context/AppContext'; // import based on where you put it

export default function Application({ Component, pageProps }) {
  return (
+    <AppWrapper>
      <Component {...pageProps} />
+    </AppWrapper>
  )
}

export default Application