<StackProvider />

A React component that provides Stack context to its children.

For detailed usage instructions, please refer to the manual section of the setup guide.

Props

  • children: React.ReactNode - The child components to be wrapped by the StackProvider.
  • app: StackClientApp | StackServerApp - The Stack app instance to be used.
  • lang (optional): "en-US" | "de-DE" | "es-419" | "es-ES" | "fr-CA" | "fr-FR" | "it-IT" | "pt-BR" | "pt-PT" - The language to be used for translations.

Example

layout.tsx
1import { StackProvider } from '@stackframe/stack';
2import { stackServerApp } from '@/stack';
3
4function App() {
5 return (
6 <StackProvider app={stackServerApp} lang="de-DE">
7 {/* Your app content */}
8 </StackProvider>
9 );
10}